/* =========================
   AMG – custom.css (Helix/Investa)
   ========================= */
:root{
  --amg-dark:   #2C2C2C;  /* tekst / stopka */
  --amg-primary:#EC1C23;  /* CTA / akcent */
  --amg-white:  #FFFFFF;  /* tła jasne */
  --amg-light:  #F5F5F5;  /* tła sekcji */
  --amg-silver: #B0B0B0;  /* delikatne linie/obramowania */
  --amg-primary-dark: #C8151B; /* hover CTA */
}


/* Baza */
body{background:var(--amg-white);color:var(--amg-dark);}
a{color:var(--amg-primary);}
a:hover,a:focus{color:var(--amg-primary-dark);}

/* Header / menu */
#sp-header{background:var(--amg-white);}
.sp-megamenu-parent>li>a{color:var(--amg-dark);}
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li.active>a{background:transparent;color:var(--amg-primary);}


/* Dropdown */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background:var(--amg-light);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a{color:var(--amg-dark);}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a{color:var(--amg-primary);}

/* Offcanvas */
.offcanvas-menu{background:var(--amg-white);color:var(--amg-dark);}
.offcanvas-menu .offcanvas-inner a{color:var(--amg-dark);}
.offcanvas-menu .offcanvas-inner a:hover{color:var(--amg-primary);}

/* CTA / przyciski */
.btn-primary,.sppb-btn-primary{
  background:var(--amg-primary);border-color:var(--amg-primary);color:var(--amg-white);
}
.btn-primary:hover,.sppb-btn-primary:hover{
  background:var(--amg-primary-dark);border-color:var(--amg-primary-dark);
}

/* Tagi / znaczniki */
.tags>li a{background:rgba(236,28,35,.10);color:var(--amg-primary);}
.tags>li a:hover{background:var(--amg-primary);color:var(--amg-white);}

/* Pasek postępu czytania */
.sp-reading-progress-bar{background-color:var(--amg-primary);}

/* Sekcje alternatywne (używaj .section--alt na wierszu) */
.section--alt{background:var(--amg-light);}

/* Stopka */
#sp-footer{background:var(--amg-dark) !important; color:#fff !important;}
#sp-footer a{color:#E6E6E6 !important;}
#sp-footer a:hover{color:#fff !important;}
#sp-footer .sp-module-title,
#sp-footer h1,#sp-footer h2,#sp-footer h3,#sp-footer h4,#sp-footer h5,#sp-footer h6{color:#fff !important;}
#sp-footer .sppb-btn{background:var(--amg-primary) !important; border-color:var(--amg-primary) !important; color:#fff !important;}
#sp-footer .sppb-btn:hover{background:var(--amg-primary-dark) !important; border-color:var(--amg-primary-dark) !important;}

/* jeśli szablon dorzuca tła/gradienty w sekcjach footerowych */
#sp-footer .sppb-section{background:transparent !important;}


/* Delikatne obramowania */
hr,.sppb-addon,.sp-module{border-color:var(--amg-silver);}


/* =========================
   AMG – global color override
   Paleta: grafit, czerwony, biel, jasnoszary, srebrny
   ========================= */
:root{
  --amg-dark:#2C2C2C;
  --amg-primary:#EC1C23;
  --amg-primary-dark:#C8151B;
  --amg-white:#FFFFFF;
  --amg-light:#F5F5F5;
  --amg-silver:#B0B0B0;
}

/* Baza */
body{color:var(--amg-dark);background:var(--amg-white);}
a{color:var(--amg-primary);}
a:hover,a:focus{color:var(--amg-primary-dark);}

/* Menu / header / stopka */
#sp-header{background:var(--amg-white) !important;}
.sp-megamenu-parent>li>a{color:var(--amg-dark) !important;}
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li.active>a{
  background: transparent !important;
  color: var(--amg-primary) !important;
}
#sp-bottom{background:var(--amg-dark) !important;color:#fff !important;}
#sp-bottom a{color:#E6E6E6 !important;}
#sp-bottom a:hover{color:#fff !important;}



/* Przyciski – Bootstrap + SPPB */
.btn,.btn-primary,[class*="sppb-btn"]{
  background:var(--amg-primary) !important;
  border-color:var(--amg-primary) !important;
  color:#fff !important;
}
.btn:hover,.btn-primary:hover,[class*="sppb-btn"]:hover{
  background:var(--amg-primary-dark) !important;
  border-color:var(--amg-primary-dark) !important;
  color:#fff !important;
}
/* Link-buttony */
.sppb-btn-link,.sppb-btn.sppb-btn-link{
  background:transparent !important;border-color:transparent !important;
  color:var(--amg-primary) !important;
}
.sppb-btn-link:hover{color:var(--amg-primary-dark) !important;}



/* Ikony / znaczniki */
.sp-page-builder .sppb-icons-group-list li a{
  color:var(--amg-primary) !important;
  background:color-mix(in srgb, var(--amg-primary) 12%, transparent) !important;
}
.sp-page-builder .sppb-icons-group-list li a:hover{background:var(--amg-primary) !important;color:#fff !important;}

/* Elementy stanu/aktywne – tylko kolor tekstu */
.pagination>.active>a,
.pagination>.active>span,
.nav-pills>li.active>a,
.badge,.label,
.sppb-progress .sppb-progress-bar,
.owl-dots .owl-dot.active span,
.swiper-pagination-bullet-active {
  background: transparent !important;
  color: var(--amg-primary) !important;
  border-color: transparent !important;
}

/* Formularze: focus */
input[type="text"],input[type="email"],input[type="tel"],textarea,select{border-color:var(--amg-silver) !important;}
input:focus,textarea:focus,select:focus{border-color:var(--amg-primary) !important;box-shadow:0 0 0 0.2rem color-mix(in srgb,var(--amg-primary) 20%, transparent) !important;}


/* Delikatne obramowania */
hr,.sp-module,.sppb-addon,.sppb-image-layout-content,.sppb-accordion{border-color:var(--amg-silver) !important;}


/* =========================
   AMG – typografia
   ========================= */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

/* Baza tekstu */
body {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 1rem !important;     /* ~16px */
  line-height: 1.6 !important;
  color: var(--amg-dark) !important;
}

/* Nadpisanie fontu w addonach SP Page Builder */
.sppb-addon-text-block .sppb-addon-content {
  font-family: 'Roboto', Arial, sans-serif !important;
}


/* Nagłówki */
h1,h2,h3,h4,h5,h6,
.sp-page-builder .sppb-addon-title {
  font-family: 'Poppins', Arial, sans-serif !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

/* Skala responsywna nagłówków */
h1 {font-size: clamp(2.2rem, 1.5rem + 2vw, 3.5rem) !important;}
h2 {font-size: clamp(1.8rem, 1.2rem + 1.5vw, 2.8rem) !important;}
h3 {font-size: clamp(1.5rem, 1rem + 1vw, 2.2rem) !important;}
h4 {font-size: clamp(1.2rem, 0.9rem + 0.5vw, 1.6rem) !important;}
h5 {font-size: 1rem !important;}
h6 {font-size: 0.9rem !important;}

/* Menu i przyciski */
.sp-megamenu-parent>li>a,
.btn, .sppb-btn {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}


/* Burger / offcanvas */
#offcanvas-toggler .burger-icon span {
  background: var(--amg-dark) !important;  /* np. grafitowe kreski */
}

#offcanvas-toggler:hover .burger-icon span {
  background: var(--amg-primary) !important;  /* na hover czerwone */
}

.icon-amg{
  color:#EC1C23;

  display:inline-block;
}

/* Przesuń kolumnę z menu maksymalnie w prawo */
#sp-header #sp-menu{
  margin-left: auto !important;
}

/* Dodatkowe dociśnięcie samych pozycji w prawo (opcjonalnie) */
#sp-header #sp-menu .sp-megamenu-wrapper{
  justify-content: flex-end !important;
}

/* Odstęp od prawej krawędzi (dopasuj) */
#sp-header #sp-menu{
  padding-right: 2px !important;
}


/* Domyślne (duże ekrany) */
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 20px;

  
}

/* Średnie ekrany (max 1199px) */
@media (max-width: 1199px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
      padding: 0 10px;
  }
}

/* Mniejsze ekrany (max 992px) */
@media (max-width: 992px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
      padding: 0 8px;
  }
}


.offcanvas-menu .offcanvas-inner ul.menu > li > a {
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2C2C2C !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    display: block;
    padding: 12px 0 !important;
    transition: color 0.3s ease;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a {
    color: #EC1C23 !important;
}