/* ACS direction D — site-wide skin for kobTemplate (29.10.2026).
   Scoped to body.acs-d (added by inc/acs-d.php). Colours, type and surfaces only: no element is
   hidden, moved out of the DOM order or removed, so content, links, menus and forms stay as they are.
   Tokens are the approved D tokens from _src/premium.css. */

body.acs-d{
  --night:#0c161d;--night2:#132029;--night3:#1c2c37;--bone:#f3eee5;--paper:#faf7f1;--ink:#16191b;
  --muted:#5c615e;--mist:#9aa7ae;--gold:#c3a46c;--gold-d:#7c6336;--gold-l:#e7d7b4;--line:#e2d9c8;--line-n:#26363f;
  --display:"Frank Ruhl Libre","Times New Roman","David",serif;
  --text:"Assistant",system-ui,-apple-system,"Segoe UI","Arial Hebrew",Arial,sans-serif;
  background:var(--paper);color:var(--ink);font-family:var(--text);
  -webkit-font-smoothing:antialiased;
}
body.acs-d #Wrapper{background:var(--paper)}
body.acs-d,body.acs-d p,body.acs-d li,body.acs-d a,body.acs-d span,body.acs-d input,body.acs-d textarea,
body.acs-d select,body.acs-d button,body.acs-d label,body.acs-d div{font-family:var(--text)}
body.acs-d .fa,body.acs-d .fas,body.acs-d .far,body.acs-d .fab,body.acs-d [class^="lnr"],body.acs-d [class*=" lnr-"],
body.acs-d .material-icons{font-family:revert}
body.acs-d .fas,body.acs-d .far,body.acs-d .fab{font-family:"Font Awesome 5 Free","Font Awesome 5 Brands",FontAwesome}
body.acs-d .fab{font-family:"Font Awesome 5 Brands"}
body.acs-d .lnr{font-family:"Linearicons-Free"}
body.acs-d h1,body.acs-d h2,body.acs-d h3,body.acs-d h4{font-family:var(--display);font-weight:500;color:inherit;letter-spacing:0}
body.acs-d a{color:var(--gold-d)}
body.acs-d a:hover{color:var(--ink)}
body.acs-d :focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- header ---------- */
body.acs-d #el-main-header,body.acs-d #el-main-header.el-fixed,body.acs-d #el-main-header.fixed{
  background:var(--night);border-bottom:1px solid var(--line-n);box-shadow:none}
body.acs-d #el-main-header .el-top-row{border-color:var(--line-n)}
body.acs-d #el-main-header .el-phone-row{color:#c9d0d3;font-size:15px}
body.acs-d #el-main-header .el-phone-row a,body.acs-d #el-main-header .el-phone-row i{color:#fff;font-weight:600;letter-spacing:.04em}
body.acs-d #el-main-header .el-phone-row i{color:var(--gold)}
body.acs-d #el-nav-menu>li>a,body.acs-d #el-nav-menu>li>a span{color:#c9d0d3;font-family:var(--text);font-weight:400;font-size:15.5px}
body.acs-d #el-nav-menu>li>a:hover,body.acs-d #el-nav-menu>li>a:hover span,
body.acs-d #el-nav-menu>li.el-current>a span{color:#fff}
body.acs-d #el-nav-menu .line,body.acs-d #el-main-header .line{background:var(--gold)}
body.acs-d #el-nav-menu .el-submenu,body.acs-d #el-nav-menu .el-submenu-item{background:var(--night2);border-color:var(--line-n)}
body.acs-d #el-nav-menu .el-submenu{border:1px solid var(--line-n);border-radius:14px;box-shadow:none;overflow:hidden}
body.acs-d #el-nav-menu .el-submenu a{color:#c9d0d3;font-size:15px}
body.acs-d #el-nav-menu .el-submenu a:hover{color:#fff;background:var(--night3)}
/* Brand: the logo images stay in place; on the dark bar they are shown on a light chip so they stay legible. */
body.acs-d #el-main-header .el-logotype img{filter:none}
/* Mobile burger lines */
body.acs-d #el-main-header [class*="burger"] span,body.acs-d #el-main-header .el-burger span,
body.acs-d #el-main-header .el-mobile-btn span{background:var(--gold)}

/* ---------- buttons (existing theme buttons) ---------- */
body.acs-d .el-btn-default,body.acs-d .el-btn-default.btn-style-1,body.acs-d .el-btn-default.btn-style-2,
body.acs-d .el-btn-default.btn-style-3,body.acs-d .wpcf7 .el-btn-default,body.acs-d .wpcf7 input[type=submit],
body.acs-d .wpcf7 button{
  background:var(--gold);color:#17120a;border:1px solid var(--gold);border-radius:999px;
  font-family:var(--text);font-weight:700;letter-spacing:0;box-shadow:none;min-height:44px}
body.acs-d .el-btn-default:hover,body.acs-d .wpcf7 input[type=submit]:hover,body.acs-d .wpcf7 button:hover{
  background:var(--gold-l);border-color:var(--gold-l);color:#17120a}
body.acs-d .el-btn-row.fas::before{color:#17120a}
body.acs-d .el-btn-default span{color:inherit}

/* ---------- page banner + breadcrumbs ---------- */
body.acs-d section.el-page-banner{position:relative;background-color:var(--night) !important;isolation:isolate}
body.acs-d section.el-page-banner::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(12,22,29,.86),rgba(12,22,29,.94))}
body.acs-d section.el-page-banner .el-title h1{color:#fff;font-family:var(--display);font-weight:500;line-height:1.2}
body.acs-d .el-breadcrumb,body.acs-d .el-breadcrumb a,body.acs-d .el-breadcrumb span,body.acs-d #breadcrumbs{color:#c9d0d3;font-size:14px}
body.acs-d .el-breadcrumb a:hover{color:#fff}
body.acs-d .el-breadcrumb i{color:var(--gold)}

/* ---------- content (the_content, verbatim) ---------- */
body.acs-d .el-layout,body.acs-d .el-layout main{background:transparent}
body.acs-d .el-content,body.acs-d .el-main-post .el-content,body.acs-d #primary .el-box{
  color:var(--ink);font-size:18px;line-height:1.75}
body.acs-d .el-content p,body.acs-d .el-content li{color:var(--ink);font-size:inherit;line-height:inherit}
body.acs-d .el-content h2{font-size:clamp(25px,3.4vw,32px);line-height:1.25;margin:1.6em 0 .5em;color:var(--ink)}
body.acs-d .el-content h3{font-size:clamp(21px,2.8vw,25px);line-height:1.3;margin:1.4em 0 .4em;color:var(--ink)}
body.acs-d .el-content a{color:var(--gold-d);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.acs-d .el-content a:hover{color:var(--ink)}
body.acs-d .el-content blockquote{border-inline-start:3px solid var(--gold);margin:1.4em 0;padding:.2em 1.1em;color:var(--ink);background:var(--bone);border-radius:0 14px 14px 0}
body.acs-d .el-content img{max-width:100%;height:auto;border-radius:14px}
body.acs-d .el-content table{border-collapse:collapse;max-width:100%}
body.acs-d .el-content th,body.acs-d .el-content td{border:1px solid var(--line);padding:8px 10px}
body.acs-d .el-content ul li::marker,body.acs-d .el-content ol li::marker{color:var(--gold-d)}

/* single post head */
body.acs-d .el-top-panel .el-row-title h1{font-family:var(--display);font-weight:500;color:var(--ink);font-size:clamp(30px,4.6vw,46px);line-height:1.18}
body.acs-d .el-top-panel .el-post-inf,body.acs-d .el-top-panel .date{color:var(--muted);font-size:14px}
body.acs-d .el-top-panel .date i{color:var(--gold-d)}
body.acs-d .el-thumb-banner img{border-radius:22px}
body.acs-d .el-share-btn a{background:var(--bone);color:var(--ink);border-radius:999px}
body.acs-d .el-share-btn a:hover{background:var(--gold);color:#17120a}

/* related posts inside articles + back/next buttons */
body.acs-d .el-article-5 .el-title a,body.acs-d .el-article-1 .el-title a{color:var(--ink);font-family:var(--display);font-weight:500;text-decoration:none}
body.acs-d .el-article-5 .el-title a:hover,body.acs-d .el-article-1 .el-title a:hover{color:var(--gold-d)}
body.acs-d .el-article-5 .el-date-publish,body.acs-d .el-article-1 .el-date-publish{color:var(--gold-d);font-size:13px;letter-spacing:.06em}
body.acs-d .el-article-5 img{border-radius:14px}
body.acs-d .b_button_cont a{background:var(--night);color:#fff;border-radius:999px}
body.acs-d .b_button_cont a p{color:#fff}
body.acs-d .b_button_cont a svg{fill:var(--gold)}

/* ---------- sidebar widgets (Contact Form 7 858 and menus, unchanged) ---------- */
body.acs-d #k_sidebar .el-widget-default,body.acs-d #k_sidebar .widget{
  background:var(--bone);border:0;border-radius:22px;padding:22px 22px 24px;box-shadow:none;margin-bottom:22px}
body.acs-d #k_sidebar h3,body.acs-d #k_sidebar h4{font-family:var(--display);font-weight:500;color:var(--ink);font-size:21px;line-height:1.35}
body.acs-d #k_sidebar h3 span[style]{color:var(--gold-d) !important}
body.acs-d #k_sidebar ul{list-style:none;margin:0;padding:0}
body.acs-d #k_sidebar li{border-bottom:1px solid var(--line)}
body.acs-d #k_sidebar li a{display:block;padding:10px 0;color:var(--ink);text-decoration:none;background:none}
body.acs-d #k_sidebar li a:hover{color:var(--gold-d)}

/* ---------- forms (CF7 fields keep names, ids and actions) ---------- */
body.acs-d .wpcf7 input[type=text],body.acs-d .wpcf7 input[type=tel],body.acs-d .wpcf7 input[type=email],
body.acs-d .wpcf7 textarea,body.acs-d .wpcf7 select{
  background:#fff;color:var(--ink);border:1px solid #b9ab92;border-radius:12px;min-height:46px;padding:10px 14px;font-size:16px;box-shadow:none}
body.acs-d .wpcf7 input:focus,body.acs-d .wpcf7 textarea:focus,body.acs-d .wpcf7 select:focus{border-color:var(--gold-d);outline:2px solid var(--gold);outline-offset:1px}
body.acs-d .wpcf7 label,body.acs-d .wpcf7 label span{color:var(--ink);font-weight:600;font-size:15px}
body.acs-d .wpcf7-not-valid-tip{color:#9b2c1d}

/* ---------- blog list (home.php), category, search ---------- */
body.acs-d #posts_page{background:var(--paper)}
body.acs-d #posts_page .single_post{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:none;overflow:hidden}
body.acs-d #posts_page .single_post .title h2{font-family:var(--display);font-weight:500;color:var(--ink)}
body.acs-d #posts_page .single_post .title:hover h2{color:var(--gold-d)}
body.acs-d #posts_page .single_post .date{color:var(--gold-d);font-size:13.5px}
body.acs-d #posts_page .single_post .text{color:var(--muted)}
body.acs-d #posts_page .single_post .link{color:var(--ink);font-weight:700}
body.acs-d #posts_page .single_post .link:hover{color:var(--gold-d)}
body.acs-d .page-numbers,body.acs-d .nav-links a{color:var(--ink);border-color:var(--line)}
body.acs-d .page-numbers.current{background:var(--night);color:#fff;border-color:var(--night)}

/* ---------- pre-footer contact strip ---------- */
body.acs-d #el-prefooter{background:var(--night2);border-top:1px solid var(--line-n);border-bottom:1px solid var(--line-n)}
body.acs-d #el-prefooter .el-name{color:var(--gold);font-weight:700;letter-spacing:.04em}
body.acs-d #el-prefooter .el-info{color:#c9d0d3}
body.acs-d #el-prefooter .el-icon img{filter:grayscale(1) brightness(1.6);opacity:.85}

/* ---------- footer ---------- */
body.acs-d #el-main-footer{background:var(--night);color:#c9d0d3}
body.acs-d #el-main-footer h4,body.acs-d #el-main-footer .widgettitle{color:#fff;font-family:var(--display);font-weight:500;font-size:19px}
body.acs-d #el-main-footer a{color:#c9d0d3;text-decoration:none}
body.acs-d #el-main-footer a:hover{color:#fff}
body.acs-d #el-main-footer li{border-color:var(--line-n)}
body.acs-d #el-main-footer .el-date-publish{color:var(--mist)}
body.acs-d #el-dev-line{background:var(--night);border-top:1px solid var(--line-n);color:var(--mist)}
body.acs-d #el-dev-line a,body.acs-d #el-dev-line .el-copy-text{color:var(--mist)}
/* ---------- mobile menu + fixed mobile buttons ---------- */
body.acs-d #el-mobile-menu{background:var(--night)}
body.acs-d #el-mobile-menu a{color:#e8ebe9}
body.acs-d #el-mobile-menu li{border-color:var(--line-n)}
body.acs-d #el-mobile-menu .sub-menu a{color:#c9d0d3}
body.acs-d #mobile-fixed-button{background:var(--night);border-top:1px solid var(--line-n)}
body.acs-d #mobile-fixed-button .el-link-btn,body.acs-d #mobile-fixed-button .el-link-btn a{background:var(--night3);color:#fff}
body.acs-d #mobile-fixed-button .el-phone-btn,body.acs-d #mobile-fixed-button .el-phone-btn a{background:var(--gold);color:#17120a}
body.acs-d #mobile-fixed-button .el-text,body.acs-d #mobile-fixed-button .lnr{color:inherit}
body.acs-d .el-to-top{background:var(--night)}
body.acs-d .el-to-top:hover{background:var(--night3)}

/* ---------- popup form ---------- */
body.acs-d .el-form-popup{background:var(--paper);border-radius:22px}
body.acs-d .el-form-popup h3{font-family:var(--display);font-weight:500;color:var(--ink)}
body.acs-d .el-form-popup h3 span[style]{color:var(--gold-d) !important}

@media (prefers-reduced-motion:reduce){body.acs-d *{transition:none !important;animation:none !important}}

/* =====================================================================
   D shell (acs-d/header-d.php): brand, phone, popup button, existing 17-item menu
   ===================================================================== */
body.acs-d .d-wrap{width:min(1160px,100% - 40px);margin-inline:auto}
body.acs-d .d-skip{position:absolute;inset-inline-start:12px;top:-120px;z-index:1000;background:var(--gold);color:#17120a;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
body.acs-d .d-skip:focus{top:12px}
body.acs-d .d-top{position:relative;z-index:50;background:var(--night);color:#e8ebe9;border-bottom:1px solid var(--line-n)}
body.acs-d .d-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
body.acs-d .d-brand{color:#fff;text-decoration:none;font-family:var(--display);font-size:24px;line-height:1.1;font-weight:500}
body.acs-d .d-brand:hover{color:var(--gold-l)}
body.acs-d .d-contact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#c9d0d3;font-size:15px}
body.acs-d .d-tel{color:#fff;font-weight:600;letter-spacing:.04em;text-decoration:none;white-space:nowrap}
body.acs-d .d-tel:hover{color:var(--gold-l)}
body.acs-d .d-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:999px;font:700 15px/1.2 var(--text);text-decoration:none;cursor:pointer;border:1px solid transparent}
body.acs-d .d-btn-gold{background:var(--gold);color:#17120a}
body.acs-d .d-btn-gold:hover{background:var(--gold-l);color:#17120a}
body.acs-d .d-menu-btn{display:none;align-items:center;gap:10px;min-height:44px;padding:6px 16px;border:1px solid var(--line-n);border-radius:999px;background:transparent;color:#fff;font:600 15px var(--text);cursor:pointer}
body.acs-d .d-menu-btn i{display:block;width:16px;height:1.5px;background:var(--gold);box-shadow:0 5px 0 var(--gold),0 -5px 0 var(--gold)}
body.acs-d .d-nav{border-top:1px solid var(--line-n)}
body.acs-d .d-menu{list-style:none;margin:0;padding:0}
body.acs-d .d-menu a{display:block;color:#c9d0d3;text-decoration:none;font:400 15.5px var(--text);padding:12px 0}
body.acs-d .d-menu a:hover,body.acs-d .d-menu .current-menu-item>a,body.acs-d .d-menu a[aria-current]{color:#fff}
body.acs-d .d-menu .sub-menu{list-style:none;margin:0;padding:0}
@media (min-width:1000px){
  body.acs-d .d-menu{display:flex;gap:28px;align-items:center}
  body.acs-d .d-menu>li{position:relative}
  body.acs-d .d-menu>li.menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;margin-inline-start:8px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg) translateY(-3px)}
  body.acs-d .d-menu .sub-menu{display:none;position:absolute;top:100%;right:0;z-index:60;min-width:230px;padding:8px 18px;background:var(--night2);border:1px solid var(--line-n);border-radius:14px}
  body.acs-d .d-menu li:hover>.sub-menu,body.acs-d .d-menu li:focus-within>.sub-menu{display:block}
  body.acs-d .d-menu .sub-menu a{padding:9px 0;font-size:15px}
}
@media (max-width:999px){
  body.acs-d .d-tel-label{display:none}
  body.acs-d .d-contact .d-btn{display:none}
  body.acs-d .d-menu-btn{display:inline-flex}
  body.acs-d .d-bar{min-height:64px}
  body.acs-d .d-nav{display:none}
  body.acs-d .d-nav.open{display:block}
  body.acs-d .d-menu>li{border-bottom:1px solid var(--line-n)}
  body.acs-d .d-menu>li:last-child{border-bottom:0}
  body.acs-d .d-menu .sub-menu{padding:0 16px 10px 0;border-inline-start:1px solid var(--line-n);margin-inline-start:4px}
  body.acs-d .d-menu .sub-menu a{padding:8px 0;font-size:15px}
}

/* Existing CF7 forms inside the D home (fields, names and actions unchanged) */
body.acs-d .d-cf7 .wpcf7 p{margin:0 0 14px}
body.acs-d .d-cf7 .wpcf7 label{display:block}
body.acs-d .d-cf7 .wpcf7 input[type=text],body.acs-d .d-cf7 .wpcf7 input[type=tel],body.acs-d .d-cf7 .wpcf7 input[type=email],
body.acs-d .d-cf7 .wpcf7 textarea,body.acs-d .d-cf7 .wpcf7 select{width:100%;box-sizing:border-box}
body.acs-d .d-cf7 .wpcf7 button,body.acs-d .d-cf7 .wpcf7 input[type=submit]{width:100%;min-height:52px;font-size:16.5px}
body.acs-d .dark-band .d-cf7 .wpcf7 label,body.acs-d .dark-band .d-cf7 .wpcf7 label span,body.acs-d .night .d-cf7 .wpcf7 label span{color:#e8ebe9}

/* Contact page: page-contact.php prints its banner before get_header(), so the banner comes first in <body>.
   The D header is laid over the top of that banner (as the old header was), not pushed below it. */
body.acs-d.page-template-page-contact{position:relative}
body.acs-d.page-template-page-contact #Wrapper{position:static}
body.acs-d.page-template-page-contact .d-top{position:absolute;top:0;right:0;left:0;background:rgba(12,22,29,.94)}
body.acs-d.page-template-page-contact section.el-page-banner.el-offset-p{padding-top:140px}

/* Fix 29.10 (11:31 review): the theme reserves 206px above every page banner (.el-offset-p) for its old header,
   which sat on top of the banner; the D header is in the normal flow, so that space showed as an empty band. */
body.acs-d section.el-page-banner.el-offset-p{padding-top:48px}
body.acs-d.single section.el-page-banner.el-offset-p{padding-bottom:28px}
@media (max-width:999px){body.acs-d section.el-page-banner.el-offset-p{padding-top:28px}}

/* Fix 29.10: footer "latest articles" have fixed heights in the theme (61px box, 30px title, max-height:30px on the
   link) and kobi.css sets their link font with footer#el-main-footer .el-box .el-column:last-of-type article … a.
   These selectors out-rank both: titles keep the body face at footer size and every box grows with its text. */
body.acs-d footer#el-main-footer .el-box .el-column article.el-article-1{height:auto;min-height:61px;max-height:none;overflow:visible}
body.acs-d footer#el-main-footer .el-box .el-column article.el-article-1 .el-article-content{height:auto;max-height:none;overflow:visible}
body.acs-d footer#el-main-footer .el-box .el-column article.el-article-1 .el-article-content .el-title{height:auto;max-height:none;overflow:visible}
body.acs-d footer#el-main-footer .el-box .el-column:last-of-type article.el-article-1 .el-article-content .el-title a{display:block;height:auto;max-height:none;overflow:visible;font-family:var(--text);font-weight:600;font-size:14.5px;line-height:1.4;color:#e8ebe9}
body.acs-d footer#el-main-footer .el-box .el-column:last-of-type article.el-article-1 .el-article-content .el-title a:hover{color:#fff}
body.acs-d footer#el-main-footer .el-box .el-column article.el-article-1 .el-post-inf{margin-top:4px}