/* Ukrywa tytuł strony */
.page-title, .entry-title { 
    display: none !important; 
}

/* Złota ramka */
.gold-frame { 
    border: 2px solid; 
    border-image: linear-gradient(45deg, #d4af37, #f5e28a, #bfa14a) 1; 
    border-radius: 14px; 
    padding: 45px; 
    background: transparent; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.06); 
    width: 100%; 
    max-width: 1200px; 
    margin: 0 auto; 
    box-sizing: border-box; 
    text-align: center; 
    word-wrap: break-word; 
}

/* Poprawki mobilne */
@media (max-width: 768px) {
    .mobile-fix { 
        font-size: 16px; 
        padding: 10px 5px; 
        line-height: 1.4; 
    }
    .mobile-cover-fix { 
        background-size: contain; 
        background-position: center top; 
    }
    .kt-header-mobile .sub-toggle { 
        display: none !important; 
    }
    .wpfront-scroll-top { 
        display: block !important; 
        visibility: visible !important; 
        opacity: 1 !important; 
        z-index: 9999 !important; 
        pointer-events: auto !important; 
    }
}

/* Usunięcie białego paska od Kadence i transparent header */
body.has-transparent-header .site-content,
body.has-transparent-header main,
.site-main,
.entry-content,
.kadence-hero,
.wp-block-cover.alignfull:first-child,
.kadence-row-layout:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Jeśli nadal zostaje – wymuś na body */
body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Opcjonalnie – jeśli header ma wysokość np. 90px i chcesz treść zacząć od razu pod nim */
body.has-transparent-header .site {
    padding-top: 0 !important;
}



/* Barokowa ramka dla wszystkich opinii Kadence – ostre rogi, złoto jak w logo */
.kt-testimonial,
.wp-block-kadence-testimonial,
.kt-testimonial *,
.wp-block-kadence-testimonial * {
    border-radius: 0 !important;       /* ostre rogi */
    overflow: visible !important;       /* aby rogi były ostre mimo paddingów */
}

/* Styl ramki i wyśrodkowanie opinii */
.kt-testimonial,
.wp-block-kadence-testimonial {
    width: 90%;
    max-width: 700px;
    margin: 20px auto;                  /* wyśrodkowanie */
    padding: 40px;
    border: 3px double #c8aa70;         /* kolor złota jak w logo */
    background: #fff9f0;                /* jasne kremowe tło */
    box-shadow: 0 12px 25px rgba(0,0,0,0.08); /* delikatny cień */
    position: relative;
    box-sizing: border-box;
}

/* Ornamenty w 4 rogach */
.kt-testimonial::before,
.wp-block-kadence-testimonial::before {
    content: "❖"; 
    position: absolute;
    top: -10px;
    left: -10px;
    font-size: 22px;
    color: #c8aa70;
}

.kt-testimonial::after,
.wp-block-kadence-testimonial::after {
    content: "❖"; 
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 22px;
    color: #c8aa70;
}

.kt-testimonial .bottom-left::before,
.wp-block-kadence-testimonial .bottom-left::before {
    content: "❖";
    position: absolute;
    bottom: -10px;
    left: -10px;
    font-size: 22px;
    color: #c8aa70;
}

.kt-testimonial .bottom-right::after,
.wp-block-kadence-testimonial .bottom-right::after {
    content: "❖";
    position: absolute;
    bottom: -10px;
    right: -10px;
    font-size: 22px;
    color: #c8aa70;
}

/* Mobile */
@media (max-width: 768px) {
    .kt-testimonial,
    .wp-block-kadence-testimonial,
    .kt-testimonial *,
    .wp-block-kadence-testimonial * {
        border-radius: 0 !important;
    }
    .kt-testimonial,
    .wp-block-kadence-testimonial {
        width: 95%;
        padding: 25px;
    }
    .kt-testimonial::before,
    .kt-testimonial::after,
    .wp-block-kadence-testimonial::before,
    .wp-block-kadence-testimonial::after,
    .kt-testimonial .bottom-left::before,
    .wp-block-kadence-testimonial .bottom-left::before,
    .kt-testimonial .bottom-right::after,
    .wp-block-kadence-testimonial .bottom-right::after {
        font-size: 18px;
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px;
    }
}



/* Mocny fix szarego tła w Max Mega Menu Kadence */
.mega-menu-link,
.mega-menu-item a,
.mega-menu-wrap .mega-menu-link,
#mega-menu-primary li a,
.mega-menu-primary li a {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Hover + aktywna pozycja */
.mega-menu-link:hover,
.mega-menu-item:hover > a,
.mega-menu-item.current-menu-item > a,
.mega-menu-item.current_page_item > a {
    background-color: transparent !important;
}

/* Cały kontener menu i nagłówka */
.primary-menu-container,
.header-navigation,
.header-navigation-wrap,
.main-navigation-wrap,
.site-header-row-container-inner,
#mega-menu-wrap-primary {
    background: transparent !important;
    box-shadow: none !important;
}

/* Submenu (jeśli jakieś masz) */
.mega-menu-flyout ul,
.mega-sub-menu {
    background: rgba(0, 0, 0, 0.95) !important;
}
/* === ELEGANCKIE ZŁOTO MENU – dopasowane do logo === */

.primary-menu-container,
.header-navigation,
.header-navigation-wrap,
.main-navigation-wrap,
.site-header-row-container-inner,
#mega-menu-wrap-primary,
.mega-menu-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

/* Główny styl linków */
.mega-menu-link,
.mega-menu-item a {
    font-family: 'Playfair Display', serif !important;
    color: #c9a76f !important;           /* ← nowe, eleganckie złoto */
    font-size: 19px !important;
    font-weight: 400 !important;
    padding: 14px 22px !important;
    letter-spacing: 0.6px !important;
    transition: color 0.35s ease !important;
}

/* Hover – delikatnie jaśniejszy i bardziej premium */
.mega-menu-link:hover,
.mega-menu-item:hover > a {
    color: #e8d0a3 !important;           /* ciepły, luksusowy błysk */
}

/* Aktualna strona */
.mega-menu-item.current-menu-item > a {
    color: #d9bc8a !important;
}

/* Submenu */
.mega-menu-flyout ul,
.mega-sub-menu {
    background: rgba(0, 0, 0, 0.96) !important;
}

.mega-sub-menu .mega-menu-link {
    font-size: 17px !important;
    color: #c9a76f !important;
}




/* === TYLKO ZŁOTE KRESKI – bez żadnego kwadratu === */

.mega-menu-toggle button,
.mega-toggle-animated,
.mega-toggle-button,
.mega-toggle-animated-box,
.mega-menu-toggle .mega-toggle-animated {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 40px !important;
    height: 32px !important;
}

/* Złote kreski */
.mega-toggle-animated-inner,
.mega-toggle-animated-inner:before,
.mega-toggle-animated-inner:after {
    background-color: #c9a76f !important;
    height: 3px !important;
    width: 100% !important;
    border-radius: 3px !important;
}

/* Hover efekt */
.mega-toggle-animated:hover .mega-toggle-animated-inner,
.mega-toggle-animated:hover .mega-toggle-animated-inner:before,
.mega-toggle-animated:hover .mega-toggle-animated-inner:after {
    background-color: #e8d0a3 !important;
}

/* Dodatkowe czyszczenie (czasami pomaga) */
.mega-menu-toggle,
#mega-menu-wrap-primary .mega-menu-toggle {
    background: transparent !important;
	
	

/* Wymuszanie strzałek w Advanced Gallery - ostatnia wersja */
@media (max-width: 767px) {
    .splide__arrows,
    .kb-advanced-gallery .splide__arrows,
    .wp-block-kadence-advancedgallery .splide__arrows {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 100% !important;
        justify-content: space-between !important;
        padding: 0 15px !important;
        z-index: 99999 !important;
        pointer-events: all !important;
    }

    .splide__arrow {
        display: flex !important;
        opacity: 1 !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.85) !important;
        width: 58px !important;
        height: 58px !important;
        border-radius: 50% !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.7) !important;
    }

    .splide__arrow svg {
        width: 36px !important;
        height: 36px !important;
    }
}

.splide__pagination {
    color: #ffffff !important;
}