/* Google Fonts (theme.json uses Webfonts API too) */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root{
  --azg-navy:#0F2034;
  --azg-gold:#D3A256;
  --azg-cream:#F5EFE6;
  --azg-white:#fff;
}

/* Defaults */
body{ color: var(--azg-navy); }
.is-style-outline .wp-element-button{ border-color: var(--azg-gold); }
.wp-element-button{ border-radius:999px; }

/* Header / Footer minimal */
.azg-header{ position:sticky; top:0; z-index:1000; isolation:isolate; }
.azg-header__inner{ display:flex; align-items:center; gap:clamp(16px,2vw,32px); padding:12px clamp(16px,4vw,40px); }
.azg-header__bg{ position:absolute; inset:0; background:rgba(15,32,52,.62); -webkit-backdrop-filter:saturate(160%) blur(12px); backdrop-filter:saturate(160%) blur(12px); border-bottom:1px solid rgba(211,162,86,.25); z-index:-1; }
.azg-site-title a{ color:#fff; text-decoration:none; font-weight:600; }
.azg-nav a{ color:#fff; text-decoration:none; padding:8px 10px; border-radius:8px; }
.azg-nav a:hover{ background:rgba(255,255,255,.08); }

.azg-footer{ padding:clamp(40px,6vw,72px) 0 32px; color:#fff; position:relative; }
.azg-footer__bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top:clamp(28px,4vw,56px); padding-top:16px; gap:12px 20px; display:flex; justify-content:space-between; flex-wrap:wrap; }

/* Nagłówek przyczepiony na stałe */
.azg-header{
  position: fixed !important;
  top: 0; left: 0; right: 0;
  backdrop-filter: saturate(160%) blur(7px);
  border-bottom: 1px solid rgba(211,162,86,0.15);
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}
body.admin-bar .azg-header{ top: 32px; }     /* WP desktop */
@media (max-width: 782px){
  body.admin-bar .azg-header{ top: 46px; }   /* WP mobile */
}


.avatar{border-radius:99px;}
.wp-block-post-author {align-items: center;}




/* === AZG — MEGA MENU (Max Mega Menu) === */
/* Panel dropdown – tło, padding, cień */


/* ---------- Nagłówki kolumn (PT Serif) ---------- */
#mega-menu-max_mega_menu_1 .mega-block-title {
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #0F2034;                     /* navy */
  margin: 0 0 12px 0;
  text-transform: none;               /* zostaw naturalną kapitalizację */
}

/* ---------- LEWA kolumna (opis) ---------- */
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-0 .textwidget p {
  margin: 0;
  color: #0F2034;
  line-height: 1.6;
  font-size: 15px;
}

/* ---------- ŚRODKOWA kolumna – lista z KRESKAMI ---------- */
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-1 ul.menu {
  list-style: none !important;        /* usuń kropki */
  margin: 0;
  padding: 0;
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-1 ul.menu > li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid rgba(211,162,86,.35); /* gold line */
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-1 ul.menu > li:last-child {
  border-bottom: none;
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-1 ul.menu > li > a {
  display: block;
  text-decoration: none;
  color: #0F2034;
  font-weight: 500;
  font-size: 16px;
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-1 ul.menu > li > a:hover {
  color: #D3A256;                     /* gold hover */
}

/* ---------- PRAWA kolumna – SZYBKIE LINKI (granatowe) ---------- */
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-2 ul.menu {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-2 ul.menu > li {
  margin: 0 0 8px 0;
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-2 ul.menu > li > a {
  color: #0F2034;                     /* navy */
  text-decoration: none;
  font-size: 16px;
}
#mega-menu-max_mega_menu_1 .mega-menu-item-364 #mega-menu-364-0-2 ul.menu > li > a:hover {
  color: #D3A256;                     /* gold hover */
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Drobne porządki w samym kontenerze MMM */
#mega-menu-max_mega_menu_1 .mega-sub-menu a { outline: none; }
#mega-menu-max_mega_menu_1 .mega-sub-menu { border: none; }

/* ============================
   AZG — MEGA MENU POPRAWKI
   ============================ */

#mega-menu-max_mega_menu_1 .mega-block-title,
#mega-menu-max_mega_menu_1 .mega-block-title h4 {
  font-family: 'PT Serif', serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  color: var(--azg-navy, #0F2034);
  font-size: 1.4rem !important;
  margin-bottom: 1rem !important;
}
#mega-menu-max_mega_menu_1 .widget_text p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--azg-navy, #0F2034);
}
#mega-menu-max_mega_menu_1 .menu a {
  color: var(--azg-navy, #0F2034);
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.05rem;
  transition: color 0.2s ease;
}

#mega-menu-max_mega_menu_1 .menu a:hover {
  color: var(--azg-gold, #D3A256);
}
#mega-menu-max_mega_menu_1 .mega-menu-column:nth-child(2) .menu li {
  border-bottom: 1px solid rgba(211,162,86,0.25);
  padding-bottom: 0.4rem;
  margin-bottom: 0.4rem;
}


/* Pasek postępu czytania */
#azg-readbar{
  position: fixed;
  top: 0; left: 0;
  height: 4px;              /* możesz dać 6px */
  width: 0;
  background: var(--azg-gold, #D3A256);
  z-index: 9999;
  transition: width .08s linear;
}
/* gdy masz sticky header z tłem – delikatny cień paska */
#azg-readbar{ box-shadow: 0 1px 0 rgba(0,0,0,.06); }


.obrys-tekstu {
  font-family: 'PT Serif', serif;
  font-size: 4rem !important;
  font-weight: 700;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(15,32,52,.35);
  text-stroke: 1px rgba(15,32,52,.35);
  align-self: flex-end;
  margin: 0 !important;
}




/* ========================== */
/* GÓRNE TABY (kolory tylko tu) */
/* ========================== */

/* Tab 1 – Outsourcing (niebieski) */
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 > .kt-tabs-title-list > .kt-title-item-1 > .kt-tab-title {
    background-color: #23365c !important;
    color: #ffffff !important;
}
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 > .kt-tabs-title-list > .kt-title-item-1 > .kt-tab-title:hover {
    background-color: #2e4470 !important;
}

/* Tab 2 – Kontroler (złoty) */
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 > .kt-tabs-title-list > .kt-title-item-2 > .kt-tab-title {
    background-color: #D3A256 !important;
    color: #ffffff !important;
}
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 > .kt-tabs-title-list > .kt-title-item-2 > .kt-tab-title:hover {
    background-color: #E3B46F !important;
}

/* ========================== */
/* TŁO CAŁEGO BLOKU */
/* ========================== */

.kt-tabs-wrap.kt-tabs-id29_45064f-a3.kt-active-tab-1 {
    background-color: #23365c !important;
    color: #ffffff !important;
}

.kt-tabs-wrap.kt-tabs-id29_45064f-a3.kt-active-tab-2 {
    background-color: #D3A256 !important;
    color: #ffffff !important;
}

.kt-tabs-wrap.kt-tabs-id29_45064f-a3 {
    transition: background-color .3s ease, color .3s ease;
}

/* Usunięcie teł z Kadence w środku */
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 .kt-tabs-content-wrap,
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 .kt-tab-inner-content,
.kt-tabs-wrap.kt-tabs-id29_45064f-a3 .kt-tab-inner-content-inner {
    background: transparent !important;
}

/* ========================== */
/* USTAWIENIE MENU PO LEWEJ / PRAWEJ */
/* ========================== */

@media (min-width: 768px) {
    /* Kontroler finansowy – pionowe taby: menu po PRAWEJ */
    .kt-tabs-id29_c82f73-63.kt-tabs-layout-vtabs {
        display: flex;
        gap: 32px;
        align-items: flex-start;
    }

    .kt-tabs-id29_c82f73-63.kt-tabs-layout-vtabs > .kt-tabs-title-list {
        order: 2;
        min-width: 260px;
        margin-left: 32px;
        float: none !important;
        width: auto !important;
    }

    .kt-tabs-id29_c82f73-63.kt-tabs-layout-vtabs > .kt-tabs-content-wrap {
        order: 1;
        flex: 1;
        float: none !important;
        width: auto !important;
    }
}