/* ==========================================================================
   Ketyswit Beauty — SITE-WIDE dark-luxury 2026 (all pages)
   Loaded everywhere. The front page keeps its own ket-home-2026.css on top.
   External file → bypasses WP Fastest Cache HTML-minify.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --ks-ink:#0e0b09; --ks-ink-2:#161110; --ks-char:#221a15;
  --ks-gold:#c9a24e; --ks-gold-2:#e7c986;
  --ks-text:#e8ddca; --ks-dim:#b3a78f;
  --ks-serif:'Cormorant Garamond',Georgia,serif;
  --ks-display:'Playfair Display',Georgia,serif;
  --ks-sans:'Inter',-apple-system,Segoe UI,Roboto,sans-serif;
}

/* ---- canvas ---- */
body:not(.home){background:#0e0b09!important;color:var(--ks-text)}
body:not(.home) #layout,
body:not(.home) .inner_layout,
body:not(.home) .page_content,
body:not(.home) .cz_post_content,
body:not(.home) .wpb-content-wrapper,
body:not(.home) .vc_row,
body:not(.home) .vc_column-inner,
body:not(.home) .wpb_column,
body:not(.home) .wpb_text_column,
body:not(.home) section,
body:not(.home) article{background-color:transparent!important;background-image:none!important}

/* light gradient panels the theme paints white/cream → dark */
body:not(.home) .vc_row[style*="background"],
body:not(.home) [class*="cz_bg"],
body:not(.home) .cz_content_box,
body:not(.home) .cz_image_box,
body:not(.home) .cz_pricing,
body:not(.home) .et_pb_section{background-color:#161110!important;background-image:none!important}

/* ---- typography ---- */
body:not(.home) h1,body:not(.home) h2,body:not(.home) h3,
body:not(.home) h4,body:not(.home) h5,body:not(.home) h6,
body:not(.home) .cz_title,body:not(.home) .cz_title *{
  color:#f4eee2!important;font-family:var(--ks-display)!important}
body:not(.home) p,body:not(.home) li,body:not(.home) td,body:not(.home) span:not(.it_text),
body:not(.home) .wpb_text_column,body:not(.home) .cz_text,
body:not(.home) blockquote,body:not(.home) label,body:not(.home) dd,body:not(.home) dt{
  color:#d8cdb8!important}
body:not(.home) a{color:var(--ks-gold-2)}
body:not(.home) a:hover{color:#f3dca0}
/* gold serif eyebrow accents the theme uses */
body:not(.home) .cz_subtitle,body:not(.home) [class*="eyebrow"]{color:var(--ks-gold-2)!important}

/* ---- HEADER (same dark-luxury as home, site-wide) ---- */
.header_1,.header-mob-top-bar{display:none!important}
.page_header{position:relative;z-index:30}
.header_2,.header_4{background:rgba(13,10,8,.96)!important;background-image:none!important;border:0!important;box-shadow:none!important}
.onSticky .header_2,.onSticky .header_4,.cz_sticked .header_2,.cz_sticked .header_4{
  background:rgba(13,10,8,.96)!important;backdrop-filter:blur(10px)}
.logo,.logo *{color:#fff!important}
#menu_header_2 > .cz > a,#menu_header_4 > .cz > a{color:#efe7d9!important}
.cz_elm[class*="icon_header"]{display:none!important}
.cz_elm[class*="menu_header"] > a{background:transparent!important;border:0!important;color:var(--ks-gold-2)!important}
.cz_elm[class*="menu_header"] i,.icon_offcanvas_menu{background:transparent!important;color:var(--ks-gold-2)!important}
i.offcanvas-close,.offcanvas-close{display:none!important}
.cz_header_button{background:transparent!important;border:1px solid rgba(231,201,134,.55)!important;
  border-radius:999px!important;color:var(--ks-gold-2)!important}
.cz_header_button:hover{background:linear-gradient(135deg,#e7c986,#c9a24e)!important;color:#1a120b!important}
.wpml-ls-item-toggle,.wpml-ls-link,.wpml-ls a,.wpml-ls-native,.wpml-ls li{
  background:transparent!important;color:#efe7d9!important;border-color:rgba(231,201,134,.25)!important}

/* ---- breadcrumb / page-title bar → dark ---- */
body:not(.home) .page_title,
body:not(.home) .title_subtitle,
body:not(.home) [class*="breadcrumb"],
body:not(.home) .cz_breadcrumb,
body:not(.home) .cz_page_title{background:#161110!important;background-image:none!important}
body:not(.home) .cz_breadcrumb a,body:not(.home) .cz_breadcrumb span,
body:not(.home) [class*="breadcrumb"] *{color:#cfc3ae!important}

/* ---- buttons → gold ---- */
body:not(.home) a.cz_btn,body:not(.home) div.cz_btn,body:not(.home) .vc_btn3,
body:not(.home) .wpcf7-submit,body:not(.home) input[type=submit],body:not(.home) button,
body:not(.home) .button,body:not(.home) .more-link{
  background:linear-gradient(135deg,#e7c986,#c9a24e)!important;background-color:#c9a24e!important;
  color:#1a120b!important;border:0!important;border-radius:999px!important;box-shadow:none!important}
body:not(.home) a.cz_btn:hover,body:not(.home) .vc_btn3:hover,
body:not(.home) .wpcf7-submit:hover,body:not(.home) button:hover{filter:brightness(1.08)}

/* ---- forms (contact / CF7) dark ---- */
body:not(.home) input:not([type=submit]):not([type=button]),
body:not(.home) textarea,body:not(.home) select{
  background:#1c1611!important;color:#efe7d9!important;
  border:1px solid rgba(231,201,134,.28)!important;border-radius:8px!important}
body:not(.home) input::placeholder,body:not(.home) textarea::placeholder{color:#9a8f78!important}
body:not(.home) input:focus,body:not(.home) textarea:focus,body:not(.home) select:focus{
  border-color:var(--ks-gold-2)!important}

/* ---- service cards / image boxes → dark-luxury ---- */
body:not(.home) .cz_image_box,body:not(.home) .cz_content_box,
body:not(.home) .cz_post,body:not(.home) .post{
  background:#161110!important;border:1px solid rgba(231,201,134,.12)!important;border-radius:14px!important;overflow:hidden}
body:not(.home) .cz_image_box_title,body:not(.home) .cz_image_box_title *{color:#f4eee2!important}

/* ---- tables (price lists) ---- */
body:not(.home) table,body:not(.home) .cz_table{background:transparent!important}
body:not(.home) table th,body:not(.home) table td{
  border-color:rgba(231,201,134,.16)!important;color:#e2d7c2!important}

/* ---- gold hairline dividers ---- */
body:not(.home) hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--ks-gold),transparent)}

/* ---- FOOTER (dark-luxury, site-wide) ---- */
.footer_1,.cz_middle_footer{background:#0e0b09!important;background-image:none!important;border:0!important}
.footer_2{background:#0a0705!important;border-top:1px solid rgba(231,201,134,.14)!important}
.page_footer,.page_footer *{color:#c4b8a2!important}
.page_footer a:hover{color:var(--ks-gold-2)!important}
.cz_middle_footer .widget_media_image{display:none!important}
.page_footer .cz_social_icons a,.page_footer .social_icons a{
  border:1px solid rgba(231,201,134,.45)!important;border-radius:50%!important;
  color:var(--ks-gold-2)!important;background:transparent!important;width:44px!important;height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:5px!important}
.page_footer .cz_social_icons a:hover{background:rgba(231,201,134,.14)!important;border-color:var(--ks-gold-2)!important}
.footer_2_center .it_text{font-size:0!important}
.footer_2_center .it_text br,.footer_2_center .it_text a{display:none!important}
.footer_2_center .it_text::after{content:"© 2026 Ketyswit Beauty · Tallinn";
  font-size:13px!important;letter-spacing:.04em;color:rgba(255,255,255,.45)!important;display:inline-block;padding:4px 0}
