/* Ajara site interactions – v1.3.0. Restrained motion, respects reduced-motion. */
html{scroll-behavior:smooth}
:focus-visible{outline:3px solid #3FA34D;outline-offset:2px}
a,button,.elementor-button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}
.elementor-button:hover{box-shadow:0 6px 16px rgba(18,61,44,.18)}
.elementor-button:active,.ajara-catalog__button:active,.aj-task:active,.aj-pick button:active{transform:scale(.97)}

/* Reveal on scroll (only when JS adds .aj-motion to <html>) */
.aj-motion .aj-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.aj-motion .aj-reveal.is-in{opacity:1;transform:none}

/* Cards: hover lift + gentle image zoom (image stays fully visible) */
.ajara-catalog__card{transition:box-shadow .25s ease,transform .25s ease}
.ajara-catalog__card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,61,44,.12)}
.ajara-catalog__image img{transition:transform .45s ease}
.ajara-catalog__card:hover .ajara-catalog__image img{transform:scale(1.04)}
.ajara-catalog__name a{color:inherit;text-decoration:none}
.ajara-catalog__name a:hover{color:#17623D}
.ajara-catalog__details{display:inline-block;margin:0 0 12px;font-size:12px;font-weight:700;color:#17623D!important;text-decoration:none!important}
.ajara-catalog__details:hover{text-decoration:underline!important}
.aj-catcard{transition:box-shadow .25s ease,transform .25s ease}
.aj-catcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,61,44,.12)!important}
.aj-catcard .elementor-widget-image img{transition:transform .45s ease}
.aj-catcard:hover .elementor-widget-image img{transform:scale(1.05)}
.aj-catcard .elementor-widget-image{overflow:hidden;border-radius:8px}

/* Equipment finder feedback */
.aj-task.is-picked{background:rgba(123,216,143,.22)!important;border-color:#7BD88F!important}
.aj-pick select.is-chosen{box-shadow:0 0 0 3px rgba(63,163,77,.45)}

/* FAQ accordion */
.aj-faq{border-top:1px solid #E0E7E1}
.aj-faq__item{border-bottom:1px solid #E0E7E1}
.aj-faq__q{margin:0!important;font-size:inherit}
.aj-faq__btn{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:18px 4px;cursor:pointer;font:700 17px/1.4 Inter,system-ui,sans-serif;color:#182820}
.aj-faq__btn:hover{color:#17623D}
.aj-faq__btn:focus-visible{outline:3px solid #3FA34D;outline-offset:2px;border-radius:6px}
.aj-faq__icon{flex:0 0 28px;height:28px;border-radius:50%;background:#F3F7F2;position:relative;transition:background .2s ease}
.aj-faq__icon:before,.aj-faq__icon:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#17623D;transform:translate(-50%,-50%);transition:transform .25s ease}
.aj-faq__icon:after{transform:translate(-50%,-50%) rotate(90deg)}
.aj-faq__btn[aria-expanded="true"] .aj-faq__icon{background:#17623D}
.aj-faq__btn[aria-expanded="true"] .aj-faq__icon:before{background:#fff}
.aj-faq__btn[aria-expanded="true"] .aj-faq__icon:after{transform:translate(-50%,-50%) rotate(0);background:#fff}
.aj-faq__a{overflow:hidden;transition:height .3s ease}
.aj-faq__a[hidden]{display:none}
.aj-faq__a>div{padding:0 4px 18px;color:#5B6B62;font:400 15.5px/1.65 Inter,system-ui,sans-serif}
.aj-faq__a a{color:#17623D;font-weight:600}

/* WhatsApp inquiry form */
.aj-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.aj-form .aj-f{display:flex;flex-direction:column;gap:6px}
.aj-form .aj-f--full{grid-column:1/-1}
.aj-form label{font:600 14px Inter,system-ui,sans-serif;color:#182820}
.aj-form label span{color:#B42318}
.aj-form input,.aj-form select,.aj-form textarea{min-height:48px;border:1px solid #CBD6CE;border-radius:8px;padding:12px 14px;font:15px Inter,system-ui,sans-serif;color:#182820;background:#fff;width:100%;box-sizing:border-box}
.aj-form textarea{min-height:120px;resize:vertical}
.aj-form input:focus,.aj-form select:focus,.aj-form textarea:focus{border-color:#17623D;outline:3px solid rgba(63,163,77,.35);outline-offset:0}
.aj-form [aria-invalid="true"]{border-color:#B42318}
.aj-form .aj-err{font:13px Inter,system-ui,sans-serif;color:#B42318;min-height:0}
.aj-form button{grid-column:1/-1;min-height:52px;border:0;border-radius:8px;background:#17623D;color:#fff;font:700 16px Inter,system-ui,sans-serif;cursor:pointer;text-transform:none;letter-spacing:0}
.aj-form button:hover{background:#123D2C}
.aj-form__status{grid-column:1/-1;font:14px/1.5 Inter,system-ui,sans-serif;padding:12px 14px;border-radius:8px;display:none}
.aj-form__status.is-ok{display:block;background:#EAF6EC;color:#14532D}
.aj-form__status.is-err{display:block;background:#FDECEA;color:#8A1C12}
.aj-form__note{grid-column:1/-1;font:13px Inter,system-ui,sans-serif;color:#5B6B62;margin:0}
@media(max-width:767px){.aj-form{grid-template-columns:1fr}}

/* Floating WhatsApp button */
.aj-fab{position:fixed;right:18px;bottom:18px;z-index:9990;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#25D366;color:#0B3B1E!important;font:700 14px Inter,system-ui,sans-serif;text-decoration:none!important;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}
.aj-fab:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.22)}
.aj-fab svg{width:22px;height:22px;fill:currentColor}
.aj-fab.is-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}
@media(max-width:767px){.aj-fab{right:12px;bottom:12px;padding:12px}.aj-fab span{display:none}}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .aj-motion .aj-reveal{opacity:1;transform:none}
  .ajara-catalog__card:hover,.aj-catcard:hover{transform:none}
  .ajara-catalog__card:hover .ajara-catalog__image img,.aj-catcard:hover .elementor-widget-image img{transform:none}
}


/* Mobile header fit (added 2026-10-17): stops the logo + WhatsApp button + menu icon
   row overflowing narrow phones, which caused sideways scrolling and clipped the menu icon. */
@media (max-width: 480px) {
  #ast-mobile-header .ast-primary-header-bar { padding-left: 16px; padding-right: 16px; }
  #ast-mobile-header .ast-builder-grid-row { min-width: 0; max-width: 100%; grid-template-columns: auto auto; column-gap: 8px; }
  #ast-mobile-header .site-header-primary-section-left { min-width: 0; }
  #ast-mobile-header .site-header-primary-section-right { gap: 8px; }
  #ast-mobile-header .ast-header-button-1 .ast-custom-button { padding: 9px 12px; font-size: 12px; }
}