/* AIF performance + compact mobile header. Served as a file so the optimizer cannot defer it. */
/* --- Hero: optimized WebP/JPEG per breakpoint (was a single 752KB JPEG) --- */
.elementor-element.elementor-element-2f7b8af,.elementor-element.elementor-element-2f7b8af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(https://allislandfence.com/wp-content/uploads/2023/07/aif-hero-900.jpg)!important;background-image:image-set(url(https://allislandfence.com/wp-content/uploads/2023/07/aif-hero-900.webp) type("image/webp"),url(https://allislandfence.com/wp-content/uploads/2023/07/aif-hero-900.jpg) type("image/jpeg"))!important;}
@media(min-width:768px){.elementor-element.elementor-element-2f7b8af,.elementor-element.elementor-element-2f7b8af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(https://allislandfence.com/wp-content/uploads/2023/07/aif-hero-1600.jpg)!important;background-image:image-set(url(https://allislandfence.com/wp-content/uploads/2023/07/aif-hero-1600.webp) type("image/webp"),url(https://allislandfence.com/wp-content/uploads/2023/07/aif-hero-1600.jpg) type("image/jpeg"))!important;}}

/* --- Compact mobile header (<=767px). Desktop/tablet untouched. --- */
@media (max-width:767px){
  .elementor-element-41d27e1{ position:relative !important; }
  .elementor-element-1c83a1e,
  .elementor-element-4c8521f,
  .elementor-element-8d389ff,
  .elementor-element-4c8521f > .elementor-container,
  .elementor-element-8d389ff > .elementor-container,
  .elementor-element-1c83a1e > .elementor-widget-wrap,
  .elementor-element-8d389ff .elementor-widget-wrap,
  .elementor-element-4c8521f .elementor-widget-wrap,
  .elementor-element-2fe24e8,
  .elementor-element-856c86e,
  .elementor-element-4a1e9c6{ position:static !important; }

  .elementor-element-41d27e1 > .elementor-container{
    display:flex !important; flex-wrap:wrap !important; align-items:center !important;
  }

  /* Row 1 - logo (padding-right leaves room for the hamburger) */
  .elementor-element-45ff157{ width:100% !important; flex:0 0 100% !important; }
  .elementor-element-45ff157 > .elementor-widget-wrap{ padding:6px 70px 6px 12px !important; }
  .elementor-element-c10dea3 img{ max-height:50px !important; width:auto !important; }
  .elementor-element-c10dea3 .elementor-widget-container{ text-align:left !important; }

  /* Hamburger - pinned top-right, white so it reads on the green bar */
  .elementor-element-4c3603d{
    position:absolute !important; top:12px !important; right:12px !important;
    width:auto !important; flex:0 0 auto !important; z-index:30;
  }
  .elementor-element-4c3603d .elementor-widget-wrap{ padding:0 !important; }
  .elementor-element-4c3603d .elementor-menu-toggle{
    background:#fff !important; color:#234000 !important;
    width:44px !important; height:44px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    border-radius:6px !important; box-shadow:0 1px 3px rgba(0,0,0,.25) !important;
  }
  .elementor-element-4c3603d .elementor-menu-toggle i,
  .elementor-element-4c3603d .elementor-menu-toggle svg{ color:#234000 !important; fill:#234000 !important; }

  /* Row 2 - CTA + phone/email icons on a single line */
  .elementor-element-1c83a1e{ width:100% !important; flex:0 0 100% !important; }
  .elementor-element-41d27e1 .elementor-element-1c83a1e > .elementor-widget-wrap{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; gap:6px; padding:6px 12px !important;
  }
  .elementor-element-4c8521f{ flex:1 1 auto !important; width:auto !important; }
  .elementor-element-8d389ff{ flex:0 0 auto !important; width:auto !important; }
  .elementor-element-4c8521f > .elementor-container,
  .elementor-element-8d389ff > .elementor-container{
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; gap:6px; width:100% !important;
  }
  .elementor-element-4a1e9c6,
  .elementor-element-856c86e,
  .elementor-element-2fe24e8{ width:auto !important; flex:0 0 auto !important; }
  .elementor-element-856c86e{ margin-left:auto !important; }
  .elementor-element-41d27e1 .elementor-widget{ margin-bottom:0 !important; }

  .elementor-element-1b58938 .elementor-button{
    padding:8px 12px !important; font-size:11px !important; line-height:1.1 !important;
    white-space:nowrap !important; letter-spacing:0 !important;
  }

  /* Phone + email: icon only. Text hidden, tel:/mailto: links preserved. */
  .elementor-element-c11100f .elementor-icon-box-content,
  .elementor-element-7f7a3a3 .elementor-icon-box-content{ display:none !important; }
  .elementor-element-c11100f .elementor-icon-box-wrapper,
  .elementor-element-7f7a3a3 .elementor-icon-box-wrapper{
    display:flex !important; flex-direction:row !important;
    align-items:center !important; justify-content:center !important; gap:0 !important;
  }
  .elementor-element-c11100f .elementor-icon-box-icon,
  .elementor-element-7f7a3a3 .elementor-icon-box-icon{ margin:0 !important; }
  .elementor-element-c11100f .elementor-icon,
  .elementor-element-7f7a3a3 .elementor-icon{
    display:flex !important; align-items:center !important; justify-content:center !important;
    width:44px !important; height:44px !important; font-size:20px !important;
  }
}
