/* =====================================================================
   In Secrets – KOLORY i motyw wspólny (telefon + komputer)   v3
   Plik: /upload/oy326/scripts/insecrets-kolory.css
   Wszystkie kolory sklepu są w jednym miejscu poniżej. Zmiana koloru tutaj
   zmienia go w całym sklepie. Po zmianie podbij ?v= w HEAD.
   ===================================================================== */
:root{
  --is-bg:#141416;            /* tło strony */
  --is-panel:#1A1A1D;         /* panele, nagłówek */
  --is-dock:#17171A;          /* pasek dolny, panel doradcy */
  --is-card:#1E1E22;          /* karty w panelach */
  --is-card2:#1F1F24;         /* kafle, pigułki */
  --is-foot:#0A0A0B;          /* stopka */
  --is-line:#2A2A2E;          /* linie */
  --is-line2:#3A3A3F;         /* linie mocniejsze, ramki pól */
  --is-txt:#EDE7DD;           /* tekst */
  --is-txt2:#BDB6AB;          /* tekst drugorzędny */
  --is-soft:#D9D2C6;          /* tekst w opisach */
  --is-mut:#9A938A;           /* tekst wyciszony */
  --is-mut2:#8C8478;          /* tekst najcichszy */
  --is-gold-btn:#C9A55A;      /* złoto przycisków */
  --is-gold:#D8B56A;          /* złoto akcentów */
  --is-price:#E6C27A;         /* ceny */
  --is-gold-pale:#E8CF9A;     /* blade złoto */
  --is-champ:#F3E3BD;         /* szampan – nagłówki */
  --is-red:#B3122E;           /* krwista czerwień */
  --is-red2:#7A0C20;          /* ciemna czerwień */
}
:root{--ism-bg:var(--is-bg);--ism-bg2:var(--is-panel);--ism-line:rgba(212,175,106,.18);--ism-gold:var(--is-gold);--ism-gold2:var(--is-champ);--ism-red:var(--is-red);--ism-red2:var(--is-red2);--ism-txt:var(--is-txt);--ism-mut:#9C958B;--ism-serif:"Playfair Display",Georgia,"Times New Roman",serif}
/* dolne menu i panele istnieją w kodzie także na komputerze – tam zostają ukryte */
#isd-dock,#isd-sheet,#isd-backdrop,#isd-search{display:none}

/* ---------- 1. Podstawy ---------- */
body, main.skyshop-container{background:var(--is-bg) !important;color:var(--is-txt)}
h1, h2, h3, .heading_title, .heading_title span{color:var(--is-champ) !important}
.heading-tabs .nav-item:not(.active) .heading_title span{color:var(--is-mut2) !important}
.btn-primary, .sky-btn-primary, button.btn-primary{background:var(--is-gold-btn) !important;border-color:var(--is-gold-btn) !important;color:var(--is-bg) !important}
.skip-link:focus{background:var(--is-gold-btn) !important;color:var(--is-bg) !important}

/* ---------- 2. Nagłówek (desktop + sticky) ---------- */
header.header, #header-sticky, .header_searchbar_panel, md-sidenav{background:var(--is-panel) !important;color:var(--is-txt)}
#header-sticky{border-bottom:1px solid var(--is-line)}
#header-sticky .header-sticky-container, #header-sticky nav, #header-sticky ul, #header-sticky li, #header-sticky div{background-color:transparent !important}
header.header a, #header-sticky a, header.header .element-black, #header-sticky .element-black,
header.header [class*="icon-"], #header-sticky [class*="icon-"],
header .sky-f-caption-regular, #header-sticky .sky-f-caption-regular{color:var(--is-txt) !important}
header.header a:hover, #header-sticky a:hover{color:var(--is-gold) !important}
/* białe linie w nagłówku mobilnym – niewidoczne */
header [class*="wrapper"]::before, header [class*="wrapper"]::after,
header .header-components::before, header .header-components::after{border-color:transparent !important}

/* menu główne i rozwijane */
#header_main_menu, header.header nav{border-color:var(--is-line) !important}
#header_main_menu a, #header_main_menu span{color:var(--is-txt) !important;letter-spacing:.08em}
#header_main_menu a:hover{color:var(--is-gold) !important}
#header_main_menu .dropdown-menu, #header_main_menu [class*="submenu"]{background:var(--is-panel) !important;border-color:var(--is-line) !important}
.dropdown-menu{background:var(--is-panel) !important;border:1px solid var(--is-line) !important;color:var(--is-txt) !important}
.dropdown-menu a, .dropdown-menu span, .dropdown-menu p{color:var(--is-txt) !important}
.dropdown-menu a:hover{color:var(--is-gold) !important;background:transparent !important}

/* wyszukiwarka */
#header_panel_searchbar-input, header input[type="search"]{background:var(--is-bg) !important;color:var(--is-txt) !important;border:1px solid var(--is-line2) !important;border-radius:22px}
header input, #header-sticky input{color:var(--is-txt) !important}
#header_panel_searchbar-input::placeholder, .header_searchbar input::placeholder,
header input::placeholder, #header-sticky input::placeholder{color:var(--is-txt2) !important;opacity:1 !important}

/* ---------- 3. Menu mobilne (panel wysuwany) ---------- */
.swipe-panel{background:rgba(0,0,0,.6) !important}
.swipe-panel-content{background:var(--is-panel) !important;color:var(--is-txt) !important}
.swipe-panel-content *{border-color:var(--is-line) !important}
.swipe-panel-content a, .swipe-panel-content span, .swipe-panel-content li,
.swipe-panel-content button, .swipe-panel-content i{color:var(--is-txt) !important;text-decoration:none !important;background-color:transparent !important}
.swipe-panel-content .flex_menu_title, .swipe-panel-content .flex_menu_title *{color:var(--is-gold) !important}
.swipe-panel-content a:hover, .swipe-panel-content a:active, .swipe-panel-content a:hover span{color:var(--is-gold) !important}

/* ---------- 4. Okruszki (breadcrumbs) ---------- */
[class*="breadcrumb"] a, [class*="breadcrumb"] span, [class*="breadcrumb"] i, [class*="breadcrumb"] svg{color:var(--is-txt2) !important;fill:var(--is-txt2)}
[class*="breadcrumb"] a:hover, [class*="breadcrumb"] a:hover span{color:var(--is-gold) !important}
[class*="breadcrumb"] li:last-child, [class*="breadcrumb"] li:last-child *{color:var(--is-champ) !important}

/* ---------- 5. Kafelki produktów ---------- */
.product-tile .product-img-container, figure.product-card-img{background:#fff !important;border-radius:12px !important;overflow:hidden}
.product-tile img, .product-img-container img, figure.product-card-img img{mix-blend-mode:normal !important}
.product-img-container img{object-fit:contain !important}
.product-tile .product-name{color:var(--is-txt) !important}
.product-tile .product-name:hover{color:var(--is-gold) !important}
/* etykiety Nowość / Wyprzedaż / Promocja */
.product-status > span, .product-status > div{background:var(--is-gold-btn) !important;color:var(--is-bg) !important;border-color:var(--is-gold-btn) !important;font-weight:600}

/* ---------- 6. Ceny ---------- */
.product-tile [class*="price"], .price-color, .price-color *, .price-special, .price-special *,
.product-price-show-brutto, .product-price-show-brutto *, .product-price-default *{color:var(--is-price) !important}
del, del *, .price-old, .price-old *{color:var(--is-mut) !important}

/* ---------- 7. Lista produktów: paginacja, sortowanie, filtry ---------- */
.pagination a, .pagination span, .pagination i, .pagination button{color:var(--is-txt) !important}
.pagination a:hover{color:var(--is-gold) !important}
.pagination .active, .pagination .active a, .pagination .active span{color:var(--is-bg) !important}
.pagination a.active::before, .pagination a.active::after{color:var(--is-txt) !important} /* „Strona 1 z 85” na mobile */

.select2-container .select2-selection{background:var(--is-panel) !important;border:1px solid var(--is-line2) !important;border-radius:6px !important}
.select2-container .select2-selection__rendered{color:var(--is-txt) !important;padding-left:12px !important}
.select2-container .select2-selection__placeholder{color:var(--is-mut) !important}
.select2-container .select2-selection__arrow b, .select2-container .select2-selection__arrow{border-top-color:var(--is-gold) !important;color:var(--is-gold) !important}
.select2-dropdown{background:var(--is-panel) !important;border-color:var(--is-line2) !important}
.select2-results__option{color:var(--is-txt) !important;background:transparent !important}
.select2-results__option--highlighted, .select2-results__option[aria-selected="true"]{background:var(--is-line) !important;color:var(--is-gold) !important}
[class*="filter"] input{color:var(--is-txt) !important}
[class*="filter"] input::placeholder{color:#8A847B !important;opacity:1}

/* przyciski Kategorie / Filtruj (mobile) */
.rwd-heading-products-list-filters, .rwd_left_filter_column button{color:var(--is-gold-pale) !important;border-color:#6B5A36 !important;background:transparent !important}
.rwd-heading-products-list-filters *, .rwd_left_filter_column button *{color:var(--is-gold-pale) !important;fill:var(--is-gold-pale) !important;stroke:var(--is-gold-pale)}

/* menu kategorii w kolumnie bocznej + filtry */
.column-left, .column-left span, .column-left label, .column-left i,
.left_filter_section span, .left_filter_section label, .left_filter_section i{color:var(--is-soft) !important}
#tree_category_desktop a, #tree_category_mobile a, .left_filter_section a, .column-left a{color:var(--is-gold-pale) !important}
#tree_category_desktop ul a, #tree_category_mobile ul a, .left_filter_section ul ul a{color:var(--is-soft) !important}
aside .categories a.rolldown, aside .categories a.rolldown > span{color:var(--is-gold-pale) !important}
#tree_category_desktop a:hover, #tree_category_mobile a:hover, .column-left a:hover,
#tree_category_desktop .active > a, #tree_category_mobile .active > a,
aside .categories a.rolldown:hover, aside .categories a.rolldown:hover > span, aside .categories a:hover .child-decoration{color:var(--is-gold) !important}
.column-left .filter-title, .left_filter_section .filter-title, .column-left .sky-headline{color:var(--is-champ) !important}

/* ---------- 8. Karta produktu ---------- */
/* galeria: jednakowe okienka 3:4, zdjęcie wpasowane */
figure.product-card-img{aspect-ratio:3/4;display:flex !important;align-items:center;justify-content:center}
figure.product-card-img img{width:100% !important;height:100% !important;object-fit:contain !important;max-height:none !important}
.main-gallery .owl-prev, .main-gallery .owl-next{background:rgba(20,20,22,.75) !important;border:1px solid rgba(216,181,106,.6) !important;box-shadow:none !important}
.main-gallery .owl-prev i, .main-gallery .owl-next i{color:var(--is-gold) !important}
.horizontal-gallery .owl-next{background:linear-gradient(90deg,rgba(20,20,22,0) 0%,rgba(20,20,22,.85) 45%,var(--is-bg) 100%) !important;width:44px !important;opacity:1 !important;display:flex;align-items:center;justify-content:flex-end}
.horizontal-gallery .owl-prev{background:linear-gradient(270deg,rgba(20,20,22,0) 0%,rgba(20,20,22,.85) 45%,var(--is-bg) 100%) !important;width:44px !important;opacity:1 !important;display:flex;align-items:center;justify-content:flex-start}
.horizontal-gallery .owl-prev.hidden, .horizontal-gallery .owl-next.hidden,
.main-gallery .owl-prev.hidden, .main-gallery .owl-next.hidden{display:none !important}
.horizontal-gallery .owl-prev i, .horizontal-gallery .owl-next i{color:var(--is-gold) !important}

/* informacje o produkcie */
main .element-black, .product-rate-container .element-black{color:var(--is-txt2) !important}
.product-producer-logo a, .product-producer-logo a span{color:var(--is-gold) !important}
.product-symbol, .product-symbol span{color:var(--is-mut) !important}
.product-informations .phone-number{display:none !important} /* ukryte zamówienie telefoniczne */

/* zakładki opisu */
#productTab .nav-link{color:var(--is-mut) !important;background:transparent !important}
#productTab .nav-link.active, #productTab .nav-link:hover{color:var(--is-champ) !important}
#productTabContent, #productTabContent p, #productTabContent li, #productTabContent span{color:var(--is-soft)}
.core_showMoreProductDescription{background:linear-gradient(180deg,rgba(20,20,22,0) 0%,rgba(20,20,22,.92) 45%,var(--is-bg) 100%) !important;color:var(--is-gold) !important;padding-top:40px !important}
.core_showMoreProductDescription *, .core_showMoreProductDescription span{color:var(--is-gold) !important;border-color:var(--is-gold) !important}

/* galeria pełnoekranowa (po kliknięciu w zdjęcie) */
.product_full_gallery_presentation_thumbs, .close_product_gallery{background:var(--is-panel) !important}
.product_full_gallery_presentation_thumbs figure.product-card-img{background:#fff !important;border:2px solid transparent !important;border-radius:10px !important}
.product_full_gallery_presentation_thumbs .owl-item.current figure.product-card-img{border-color:var(--is-gold) !important}
.product_full_gallery_presentation .owl-prev, .product_full_gallery_presentation .owl-next{background:rgba(20,20,22,.8) !important;border:1px solid rgba(216,181,106,.6) !important;border-radius:50% !important}
.product_full_gallery_presentation .owl-prev i, .product_full_gallery_presentation .owl-next i{color:var(--is-gold) !important}
.product_full_gallery_presentation .owl-prev.disabled, .product_full_gallery_presentation .owl-next.disabled{opacity:.35 !important}
.close_product_gallery button, .close_product_gallery button *{color:var(--is-gold) !important;background:transparent !important}
.product_full_gallery_carousel_title{background:var(--is-bg) !important;color:var(--is-champ) !important;border-top:1px solid var(--is-line)}
.product_full_gallery_carousel_title *{color:var(--is-champ) !important}

/* ---------- 9. Strona główna – bloki ---------- */
.division-title{color:var(--is-txt) !important}
.division-description{color:#A8A29A !important}
.division-icon i{color:var(--is-gold) !important}
.newsletter, .newsletter *{color:#FFFFFF}
.newsletter input{background:#3A0309 !important;border-color:#F0B8BD !important;color:#fff !important}

/* ---------- 10. Linki w treściach (regulaminy, polityka, zgody) ---------- */
a.c-link, main [class*="mod-news"] a:not(.btn), main .news a:not(.btn), main article a:not(.btn),
label a, .form-check a, .checkbox a{color:var(--is-gold) !important;text-decoration:underline !important;text-underline-offset:3px}
a.c-link:hover, main [class*="mod-news"] a:not(.btn):hover, main .news a:not(.btn):hover,
main article a:not(.btn):hover, label a:hover, .form-check a:hover{color:var(--is-champ) !important}

/* ---------- 11. Stopka ---------- */
#footer, #footer a, #footer span, #footer p, #footer li{color:var(--is-txt2)}
#footer a:hover{color:var(--is-gold) !important}
#footer h2, #footer h3, #footer h4, #footer .footer-title, #footer [class*="title"]{color:var(--is-gold) !important}
.footer-col .section-title, footer .section-title, footer .sky-headline{border-color:var(--is-line) !important}
.footer_rights{background:var(--is-foot) !important;border-top:1px solid var(--is-line)}
.footer_rights, .footer_rights span, .footer_rights a{color:var(--is-mut2) !important}

/* ---------- 12. Baner i ustawienia cookies (ciemny motyw) ---------- */
.cc_div, #cc_div{
  --cc-bg:var(--is-panel); --cc-text:var(--is-soft);
  --cc-btn-primary-bg:var(--is-gold-btn); --cc-btn-primary-text:var(--is-bg); --cc-btn-primary-hover-bg:var(--is-gold); --cc-btn-primary-hover-text:var(--is-bg);
  --cc-btn-secondary-bg:transparent; --cc-btn-secondary-text:var(--is-gold); --cc-btn-secondary-hover-bg:rgba(216,181,106,.12); --cc-btn-secondary-hover-text:var(--is-champ);
  --cc-toggle-bg-off:var(--is-line2); --cc-toggle-bg-on:var(--is-gold-btn); --cc-toggle-bg-readonly:#6B5A36; --cc-toggle-knob-bg:var(--is-champ); --cc-toggle-knob-icon-color:var(--is-bg);
  --cc-block-text:var(--is-champ); --cc-cookie-category-block-bg:var(--is-panel); --cc-cookie-category-block-bg-hover:#232327;
  --cc-section-border:var(--is-line); --cc-cookie-table-border:var(--is-line); --cc-overlay-bg:rgba(0,0,0,.72);
  --cc-webkit-scrollbar-bg:var(--is-bg); --cc-webkit-scrollbar-bg-hover:var(--is-line2);
}
#cc_div #cm, #cc_div #s-inr, #cc_div #s-hdr, #cc_div #s-bns, #cc_div #s-bl .c-bl, #cc_div .b-acc{background:var(--is-panel) !important}
#cc_div #cm, #cc_div #s-inr{border:1px solid rgba(216,181,106,.35) !important;box-shadow:0 20px 60px rgba(0,0,0,.6) !important}
#cc_div #c-ttl, #cc_div #s-ttl, #cc_div .b-tl, #cc_div .title{color:var(--is-champ) !important}
#cc_div #c-txt, #cc_div .desc, #cc_div .p, #cc_div p, #cc_div td, #cc_div th{color:var(--is-soft) !important}
#cc_div a, #cc_div .cc-link{color:var(--is-gold) !important;border-color:var(--is-gold) !important}
#cc_div #c-bns, #cc_div #s-hdr, #cc_div #s-bns, #cc_div .c-bl{border-color:var(--is-line) !important}
#cc_div .c-bn{border:1px solid var(--is-gold) !important;border-radius:6px !important}
#cc_div #c-p-bn, #cc_div #c-p-bn span, #cc_div #s-all-bn, #cc_div #s-all-bn span{background:var(--is-gold-btn) !important;color:var(--is-bg) !important;border-color:var(--is-gold-btn) !important}
#cc_div #c-p-bn span, #cc_div #s-all-bn span{background:transparent !important}
#cc_div .c-bn:not(#c-p-bn):not(#s-all-bn), #cc_div .c-bn:not(#c-p-bn):not(#s-all-bn) span{background:transparent !important;color:var(--is-gold) !important}
#cc_div #s-c-bn{border:none !important}
#cc_div #cs-ov, #cc_div #cm-ov{background:rgba(0,0,0,.72) !important}


/* ---------- 15. Formularze (pola do wpisywania w całym sklepie) ---------- */
main.skyshop-container .form-control, main.skyshop-container select, main.skyshop-container textarea{background-color:var(--is-panel) !important;color:var(--is-txt) !important;border:1px solid var(--is-line2) !important;box-shadow:none !important}
main.skyshop-container .form-control:focus, main.skyshop-container select:focus, main.skyshop-container textarea:focus{border-color:var(--is-gold) !important;box-shadow:0 0 0 2px rgba(216,181,106,.18) !important;outline:0 !important}
main.skyshop-container .form-control::placeholder, main.skyshop-container textarea::placeholder{color:var(--is-mut) !important;opacity:1}
/* pola uzupełnione automatycznie przez przeglądarkę – bez białego/żółtego tła */
main.skyshop-container input:-webkit-autofill, main.skyshop-container textarea:-webkit-autofill, main.skyshop-container select:-webkit-autofill{-webkit-text-fill-color:var(--is-txt) !important;box-shadow:0 0 0 1000px var(--is-panel) inset !important;caret-color:var(--is-txt)}
main.skyshop-container input[type="checkbox"], main.skyshop-container input[type="radio"]{accent-color:var(--is-gold-btn)}
main.skyshop-container label{color:var(--is-txt)}
main.skyshop-container [class*="sky-text-grey"]{color:var(--is-mut) !important}
main.skyshop-container .sky-text-black-primary{color:var(--is-txt) !important}
body main.skyshop-container a.text-decoration-underline-hover{color:var(--is-gold) !important}
main.skyshop-container .sky-component-bg-beige-50{background:var(--is-panel) !important;border:1px solid var(--is-line)}
main.skyshop-container section.social-media h2{color:var(--is-bg) !important}

/* ---------- 16. Okienka sklepu (np. „Produkt został dodany do koszyka”) ---------- */
.swal2-container.swal2-backdrop-show{background:rgba(0,0,0,.6) !important}
.swal2-popup{background:var(--is-panel) !important;color:var(--is-txt) !important;border:1px solid rgba(216,181,106,.35);box-shadow:0 20px 60px rgba(0,0,0,.6)}
.swal2-popup .swal2-title{color:var(--is-champ) !important}
.swal2-popup .swal2-html-container, .swal2-popup .swal2-content{color:var(--is-soft) !important}
.swal2-popup .swal2-close{color:var(--is-txt2) !important}
.swal2-popup .icon-added_to_basket .path1::before{color:var(--is-gold) !important}
/* „Kontynuuj zakupy” – przycisk z obwódką, „Realizuj zamówienie” – złoty */
.swal2-popup.product-added .swal2-confirm{background:transparent !important;color:var(--is-champ) !important;border:1px solid var(--is-gold) !important}
.swal2-popup.product-added .swal2-cancel{background:var(--is-gold-btn) !important;color:var(--is-bg) !important;border:1px solid var(--is-gold-btn) !important}

/* ---------- 13. Podkategorie (kółka nad listą produktów) ---------- */
.single_subcategory a,.single_subcategory a span,.single_subcategory .child-decoration{color:var(--is-txt) !important}
.single_subcategory a:hover span,.single_subcategory a:active span{color:var(--is-gold) !important}
.single_subcategory_name_only{background:var(--is-panel) !important;border-color:rgba(216,181,106,.45) !important}
.single_subcategory_name_only i{color:var(--is-gold) !important}
.subcategories_list .scroll-element_track{background:var(--is-line) !important;border-radius:2px}
.subcategories_list .scroll-bar{background:var(--is-gold) !important;border-radius:2px}


/* ---------- 14. Dolna linia stopki: Sky-Shop + „zrealizowane przez” logo In Secrets ---------- */
section.footer_rights{padding:6px 0 !important;background:var(--is-foot) !important;border-top:1px solid var(--is-line) !important}
section.footer_rights .center-block-position{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:center !important;gap:6px;line-height:1 !important;height:28px}
section.footer_rights .center-block-position>*{margin:0 !important;padding-top:0 !important;padding-bottom:0 !important}
section.footer_rights span,section.footer_rights a{display:inline-flex !important;align-items:center !important;height:28px !important;font-size:10px !important;line-height:1 !important;color:var(--is-mut2) !important;letter-spacing:.02em}
/* logo Sky-Shop rozjaśnione na ciemnym tle (czarny napis -> biały, żółta ikona zostaje) */
section.footer_rights img{display:block !important;height:14px !important;width:auto !important;margin:0 !important;filter:invert(1) hue-rotate(180deg) brightness(1.05)}
section.footer_rights .center-block-position::after{content:"· zrealizowane przez";display:inline-flex;align-items:center;height:28px;padding-right:66px; /* szerokość logo + odstęp od „przez” */
  font-size:10px;line-height:1;color:var(--is-mut2);letter-spacing:.02em;
  background:url("/upload/oy326/logos/inSecrets_poziom.webp") no-repeat right center / auto 22px} /* 22px = wysokość logo */
@media (max-width:991px){
  section.footer_rights span,section.footer_rights a,section.footer_rights .center-block-position::after{font-size:9px !important}
  section.footer_rights .center-block-position{gap:4px}
}