/* KatSar v1.5.2 — polished controls, compact secondary links, improved phone + official branded social glyphs.
   Loaded after v1.5.1. Keep contrast explicit for dark backgrounds. */
:root { --ks-action:#087db8; --ks-action-dark:#075b8f; --ks-action-ink:#0b3049; --ks-white:#fff; }
body.katsar-modern { font-size:17.5px; }
body.katsar-modern a { text-underline-offset:3px; }

/* Header clarity: clickable telephone, consistent visual weight */
body.katsar-modern #site-header .contact-header-inner { gap:clamp(10px,1.5vw,24px); }
body.katsar-modern #site-header .phone-chip { gap:8px; text-decoration:none; }
body.katsar-modern #site-header .phone-chip strong {
  display:block; font-size:clamp(20px,1.48vw,25px);font-weight:850;letter-spacing:.012em;
  color:#005b92!important;text-shadow:none;white-space:nowrap;line-height:1.15;
}
body.katsar-modern #site-header .phone-chip:hover strong { color:#003e63!important; }
body.katsar-modern #site-header .phone-chip .contact-icon {color:#087eb9;}
body.katsar-modern #site-header .email-chip strong {color:#174a69!important;font-size:clamp(13px,1.04vw,16px);}

/* The primary menu gains one font step; dropdowns use tighter vertical rhythm. */
body.katsar-modern #site-header .primary-nav .menu>li>a {font-size:15px; font-weight:720;letter-spacing:0;padding-inline:clamp(7px,.7vw,13px);}
body.katsar-modern #site-header .primary-nav .sub-menu {padding:4px 0;}
body.katsar-modern #site-header .primary-nav .sub-menu li {margin:0;}
body.katsar-modern #site-header .primary-nav .sub-menu li>a {
  font-size:14.5px;line-height:1.35;min-height:0;padding:9px 17px;
  color:#183f55;background:#fff;white-space:normal;
}
body.katsar-modern #site-header .primary-nav .sub-menu li>a:hover,
body.katsar-modern #site-header .primary-nav .sub-menu li>a:focus-visible {color:#005b8e;background:#e8f5fd;}
body.katsar-modern #site-header .support-shortcut {font-size:13.5px;font-weight:800;}

/* Shorter footer lists: keep the sub-links grouped under their heading. */
body.katsar-modern .site-footer h3 {margin-bottom:9px;}
body.katsar-modern .site-footer .footer-links {display:grid;gap:4px;list-style:none;margin:0;padding:0;}
body.katsar-modern .site-footer .footer-links li {margin:0;padding:0;line-height:1.35;}
body.katsar-modern .site-footer .footer-links li a {display:inline-block;font-size:14.5px!important;line-height:1.4;padding:2px 0;color:#eaf5fc;}
body.katsar-modern .site-footer .footer-links li a:hover {color:#fff;text-decoration:underline;}
body.katsar-modern .site-footer .footer-bottom a {color:#eaf5fc;}

/* Professional button system shared by legacy and new templates. */
body.katsar-modern :is(.site-btn,.compact-blue-button,.btn,.hero-button,.wp-block-button__link,.katsar-form button[type=submit]),
body.katsar-modern main.k50 .k50-button {
  min-height:49px;border-radius:8px; padding:12px 20px;box-sizing:border-box;
  font-size:14px;line-height:1.3;font-weight:760;letter-spacing:.008em;
  text-decoration:none;box-shadow:0 4px 12px rgba(4,46,76,.10);
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
body.katsar-modern :is(.site-btn-blue,.compact-blue-button,.btn-primary,.hero-button.blue,.wp-block-button__link),
body.katsar-modern main.k50 .k50-button.k50-primary {
  color:#fff!important;background:linear-gradient(120deg,#0788c8,#05689f)!important;
  border:1px solid #0675b4!important;
}
body.katsar-modern :is(.site-btn-dark,.hero-button.dark) {color:#fff!important;background:#163d55!important;border:1px solid #37627a!important;}
body.katsar-modern :is(.site-btn-outline,.site-btn-outline-light) {color:#fff!important;background:rgba(5,29,48,.16)!important;border:1px solid rgba(255,255,255,.72)!important;}
body.katsar-modern .site-btn-light {background:#fff!important;color:#075e8e!important;border:1px solid #d0e8f4!important;}
body.katsar-modern main.k50 .k50-button.k50-outline-blue {background:#fff!important;color:#075e8e!important;border:1px solid #1480b3!important;}
body.katsar-modern main.k50 .k50-button.k50-outline-white {background:rgba(3,32,52,.22)!important;color:#fff!important;border:1px solid #e3f5ff!important;}
body.katsar-modern :is(.site-btn,.compact-blue-button,.btn,.hero-button,.wp-block-button__link):hover,
body.katsar-modern main.k50 .k50-button:hover {
  transform:translateY(-2px);box-shadow:0 9px 23px rgba(4,46,76,.2);filter:brightness(1.05);text-decoration:none;
}
body.katsar-modern #site-header .header-action.site-btn {
  min-height:54px;min-width:145px;padding:9px 14px;display:inline-flex;align-items:center;
  justify-content:space-between;gap:10px;text-align:left;border-radius:8px;
}
body.katsar-modern #site-header .header-action strong {font-size:13px;line-height:1.2;letter-spacing:0;color:#fff;}
body.katsar-modern #site-header .header-action b {font-size:18px;font-weight:600;}
body.katsar-modern .site-footer .footer-cta-stack {gap:9px;margin-top:18px;}
body.katsar-modern .site-footer .footer-cta-stack .site-btn {
  min-height:46px;display:flex;align-items:center;justify-content:space-between;
  padding:11px 15px;font-size:14px!important;line-height:1.3;border-radius:8px;color:#fff!important;
}
body.katsar-modern .katsar-form button[type=submit] {
  min-height:52px;padding:13px 25px!important;font-size:15px!important;border-radius:8px!important;
  background:linear-gradient(120deg,#0788c8,#05689f)!important;color:#fff!important;
}
body.katsar-modern .text-arrow,body.katsar-modern main.k50 .k50-link,
body.katsar-modern main.k50 .k50-region-card span,
body.katsar-modern main.k50 .k50-system-card span {
  font-size:14px;letter-spacing:.005em;font-weight:780;color:#006a9e;
}

/* Restore contrast in dark sections, independent of global h and p defaults. */
body.katsar-modern :is(.dark-feature,.service-call-section,.final-cta,.final-cta-v13,.service-page-cta-v13,.k50-last-cta,.k50-banner-call) h2,
body.katsar-modern :is(.dark-feature,.service-call-section,.final-cta,.final-cta-v13,.service-page-cta-v13,.k50-last-cta,.k50-banner-call) h3 {color:#fff;}
body.katsar-modern :is(.dark-feature,.service-call-section,.final-cta,.final-cta-v13,.service-page-cta-v13,.k50-last-cta,.k50-banner-call) p {color:#e8f4f9;}

/* Use full-fidelity SVG brand glyphs, never placeholder letters or icon fonts. */
body.katsar-modern .social-icons {display:flex;flex-wrap:wrap;align-items:center;gap:9px;}
body.katsar-modern .social-icons a.social-link {
  width:42px;height:42px;min-width:42px;box-sizing:border-box;display:inline-grid;
  place-items:center;border-radius:10px;background:#f5faff;color:#075d97;
  border:1px solid #cde4f1;box-shadow:0 3px 10px rgba(0,51,79,.11);
  transition:transform .18s,box-shadow .18s,background .18s;
}
body.katsar-modern .social-icons a.social-link:hover,
body.katsar-modern .social-icons a.social-link:focus-visible {
  transform:translateY(-2px);background:#e9f6ff;box-shadow:0 7px 17px rgba(0,51,79,.18);
}
body.katsar-modern .social-icons a.social-link svg {height:23px;width:23px;max-width:none;display:block;fill:none!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-link .brand-instagram rect,
body.katsar-modern .social-icons a.social-link .brand-instagram circle:first-of-type {stroke:currentColor!important;fill:none!important;}
body.katsar-modern .social-icons a.social-link .brand-instagram circle:last-of-type {fill:currentColor!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-link .brand-facebook path {fill:#1877f2!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-google .brand-google path:nth-child(1) {fill:#4285f4!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-google .brand-google path:nth-child(2) {fill:#34a853!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-google .brand-google path:nth-child(3) {fill:#fbbc05!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-google .brand-google path:nth-child(4) {fill:#ea4335!important;stroke:none!important;}
body.katsar-modern .social-icons a.social-instagram {color:#cb267a;}
body.katsar-modern .footer-socials {margin-top:15px;}
body.katsar-modern .site-footer .social-icons a.social-link {color:#e2f4ff;background:#143e59;border-color:#3f738e;}
body.katsar-modern .site-footer .social-icons a.social-instagram {color:#ff9bc9;}
body.katsar-modern .site-footer .social-icons a.social-link:hover {background:#235d7a;}

/* Tablet + mobile menu should remain readable and subordinate entries closer together. */
@media (max-width:1300px) and (min-width:981px) {
  body.katsar-modern #site-header .primary-nav .menu>li>a {font-size:13.5px;padding-inline:7px;}
  body.katsar-modern #site-header .header-action.site-btn {min-width:124px;padding-inline:11px;}
  body.katsar-modern #site-header .header-action strong {font-size:12px;}
}
@media (max-width:980px) {
  body.katsar-modern #site-header .primary-nav .menu>li>a {font-size:16px;line-height:1.4;min-height:0;padding:11px 19px;}
  body.katsar-modern #site-header .primary-nav .sub-menu {padding:3px 0 5px 12px;top:auto;background:#123a51;}
  body.katsar-modern #site-header .primary-nav .sub-menu li>a {font-size:15px;padding:9px 19px;background:transparent;color:#e7f4ff;}
  body.katsar-modern #site-header .primary-nav .sub-menu li>a:hover {background:#235b7c;color:#fff;}
  body.katsar-modern .site-footer .footer-links {gap:5px;}
}
@media (max-width:700px) {
  body.katsar-modern .site-footer .footer-links li a {font-size:15px!important;}
  body.katsar-modern #site-header .header-action strong {font-size:12px;}
  body.katsar-modern main.k50 .k50-button {font-size:14px;min-height:50px;}
}
@media (prefers-reduced-motion:reduce) {
  body.katsar-modern .social-icons a.social-link,
  body.katsar-modern .site-btn,body.katsar-modern .btn {transition:none;}
}

/* Slim global social strip keeps all three official channels one click away. */
body.katsar-modern .utility-bar {
  display:block; height:37px; background:#0a3048;color:#e2f3fc;
  border-bottom:1px solid rgba(255,255,255,.09);
}
body.katsar-modern .utility-bar .utility-inner {height:37px;}
body.katsar-modern .utility-bar .utility-area {font-size:12px;font-weight:570;color:#dbedf7;}
body.katsar-modern .utility-bar .utility-links {display:flex;gap:12px;align-items:center;}
body.katsar-modern .utility-bar .utility-links>a {font-size:12.5px;font-weight:670;color:#e2f3fc;}
body.katsar-modern .utility-bar .utility-links .utility-sep {color:#6faac9;}
body.katsar-modern .utility-bar .header-socials {margin:0;gap:6px;}
body.katsar-modern .utility-bar .header-socials a.social-link {
  width:27px;height:27px;min-width:27px;border-radius:6px;
  box-shadow:none;background:#f4fbff;border:1px solid #abd3e7;
}
body.katsar-modern .utility-bar .header-socials svg {width:17px;height:17px;}
@media(max-width:980px) {
  body.katsar-modern .utility-bar .utility-area {display:none;}
  body.katsar-modern .utility-bar .utility-links {width:100%;justify-content:center;}
  body.katsar-modern .utility-bar .utility-links>a,
  body.katsar-modern .utility-bar .utility-links .utility-sep {display:none;}
  body.katsar-modern #site-header .phone-chip {display:flex;flex:0 0 auto;gap:5px;margin-left:auto;}
  body.katsar-modern #site-header .phone-chip .contact-icon {width:24px;height:24px;}
  body.katsar-modern #site-header .phone-chip .contact-icon svg {width:23px;height:23px;}
  body.katsar-modern #site-header .phone-chip strong {font-size:15px;}
}
@media(max-width:470px) {
  body.katsar-modern #site-header .phone-chip strong {font-size:13.5px;}
  body.katsar-modern .utility-bar {height:34px;}
  body.katsar-modern .utility-bar .utility-inner {height:34px;}
}
@media(max-width:365px) {
  body.katsar-modern #site-header .phone-chip strong {display:none;}
}

/* Mobile: remove the empty desktop navigation bar; keep Support Portal inside the expanded menu. */
body.katsar-modern #site-header .mobile-support-link {display:none;}
@media (max-width:980px) {
  body.katsar-modern #site-header .nav-shell,
  body.katsar-modern #site-header .nav-inner {height:0!important;min-height:0!important;}
  body.katsar-modern #site-header .support-shortcut {display:none!important;}
  body.katsar-modern #site-header .primary-nav {top:100%;left:0;right:0;z-index:1001;background:#092f45;}
  body.katsar-modern #site-header .primary-nav.open {display:block;}
  body.katsar-modern #site-header .primary-nav .mobile-support-link {
    display:block;width:100%;height:auto;margin-top:9px;padding:12px 19px;
    font-size:16px;font-weight:760;border-radius:6px;background:#155e85;color:#fff;
  }
}
@media(max-width:980px) {
  body.katsar-modern #site-header .header-actions {display:none!important;}
}