/* auto-it.co.il — consent banner, form additions, authored pages (D2, D3, D6).
   Palette from the site's header: black #0B0B0B, Italian green #006400, red #FF0000 (not used for text).
   Contrast: #006400 on #fff 7.4:1 · #fff on #006400 7.4:1 · #333 on #f5f5f5 11.6:1. */

/* --- consent banner ----------------------------------------------------- */
.ait-consent{position:fixed;inset-inline:0;bottom:0;z-index:2147483647;display:none;
  background:#fff;border-top:3px solid #006400;box-shadow:0 -2px 18px rgba(0,0,0,.18);
  padding:16px 20px;font:15px/1.6 "Rubik",Arial,sans-serif;color:#222;text-align:start}
.ait-consent[data-open="1"]{display:block}
.ait-consent__inner{max-width:1100px;margin:0 auto;display:flex;gap:16px;
  align-items:center;flex-wrap:wrap;justify-content:space-between}
.ait-consent__text{flex:1 1 320px;min-width:0;margin:0;color:#222}   /* min-width:0: no horizontal scroll on phones */
.ait-consent__text a{color:#006400;text-decoration:underline}
.ait-consent__buttons{display:flex;gap:10px;flex-wrap:wrap}
.ait-consent button{font:inherit;cursor:pointer;border-radius:4px;padding:10px 22px;min-height:44px;
  border:1px solid #006400;line-height:1.3;text-transform:none;letter-spacing:0}
/* Elementor styles bare <button>; the extra class keeps these winning. */
.ait-consent .ait-consent__accept{background:#006400;color:#fff;border-color:#006400}
.ait-consent .ait-consent__reject,
.ait-consent .ait-consent__manage{background:#fff;color:#0B0B0B;border-color:#0B0B0B}
.ait-consent .ait-consent__save{background:#006400;color:#fff;border-color:#006400}
.ait-consent button:focus-visible,.ait-consent a:focus-visible,.ait-consent input:focus-visible{
  outline:3px solid #245bd4;outline-offset:2px}
.ait-consent__prefs{margin:14px 0 0;border-top:1px solid #ddd;padding-top:12px;width:100%}
.ait-consent__row{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
.ait-consent__row input{appearance:auto;-webkit-appearance:auto;margin-top:4px;width:18px;height:18px;flex:none;accent-color:#006400}
.ait-consent__row strong{display:block;color:#111}
.ait-consent__row small{color:#555;font-size:13px}

/* Call Now Button (.cnb-zindex-10 = 2147483647) ties with the banner and, later in the DOM, would
   paint over its buttons on phones (serviceandgo, 2026-09-14). One notch lower. */
#callnowbutton.call-now-button{z-index:2147483646}

/* --- honeypot: clip-based, NOT left:-9999px (that blanks an RTL page) -- */
.ait-hp{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* --- Section 11 notice + consent under every form ----------------------- */
.privacy-notice{background:#f5f5f5;border:1px solid #767676;border-inline-start:4px solid #006400;
  border-radius:8px;padding:14px 18px;margin-top:12px;text-align:start;width:100%}
.privacy-notice p{font-size:13px;line-height:1.75;color:#333;margin:0 0 8px}
.privacy-notice a{color:#000;text-decoration:underline;font-weight:600}
.privacy-notice a:focus-visible{outline:3px solid #245bd4;outline-offset:2px}
.ait-consent-field{margin-top:14px;padding-top:12px;border-top:1px solid #d0d0d0}
.ait-consent-field label,.ait-marketing-field label{display:flex;align-items:flex-start;gap:10px;
  font-weight:400;font-size:13.5px;line-height:1.65;color:#333;cursor:pointer}
.ait-marketing-field{width:100%;margin-top:10px;background:#f5f5f5;border-radius:8px;padding:10px 18px}
/* Elementor resets inputs to appearance:none, which makes a checkbox invisible. */
.ait-consent-field input[type="checkbox"],.ait-marketing-field input[type="checkbox"]{
  appearance:auto;-webkit-appearance:auto;width:18px;height:18px;min-width:18px;flex:none;
  margin:2px 0 0;padding:0;background:transparent;border:0;box-shadow:none;accent-color:#006400;cursor:pointer}
.ait-consent-field input:focus-visible,.ait-marketing-field input:focus-visible{outline:3px solid #245bd4;outline-offset:2px}

/* --- authored pages (thank-you, 404) ------------------------------------ */
.ait-page{max-width:760px;margin:48px auto 64px;padding:32px 20px;line-height:1.8;font-size:17px;color:#222;background:#fff;border-radius:8px}
.ait-page a{color:#0b5d1e}
.ait-thanks{text-align:center}
.ait-page h1{font-size:clamp(28px,5vw,38px);line-height:1.25;margin:0 0 14px;color:#111}
.ait-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;
  padding:12px 26px;border-radius:6px;font-weight:600;background:#006400;color:#fff!important;text-decoration:none!important}
.ait-btn:focus-visible{outline:3px solid #245bd4;outline-offset:3px}

@media (max-width:600px){
  .ait-consent{padding:12px 14px;font-size:14px;max-height:70vh;overflow-y:auto}
  .ait-consent__inner{flex-direction:column;align-items:stretch;gap:12px}
  .ait-consent__text{flex:0 0 auto}   /* column layout: the 320px basis would become a HEIGHT (empty gap) */
  .ait-consent__buttons{width:100%}
  .ait-consent__buttons button{flex:1 1 auto;padding:12px 10px}
  .privacy-notice{padding:12px 14px}
  .privacy-notice p{font-size:12.5px}
}
