/* ---------- BJR floating header ---------- */
.xtb-header-sticky .xpro-theme-builder-header-nav{transition:background-color .28s ease,box-shadow .28s ease,padding .28s ease;}
.xtb-header-sticky.xtb-appear .xpro-theme-builder-header-nav{-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);box-shadow:0 6px 24px rgba(13,92,44,.14);}
.xtb-header-sticky.xtb-appear #bjr-header{background-color:rgba(255,255,255,.92)!important;}

/* ---------- BJR cards ---------- */
.bjr-card{transition:transform .26s cubic-bezier(.2,.7,.3,1),box-shadow .26s ease,border-color .26s ease;}
.bjr-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px rgba(13,92,44,.11)!important;--border-color:#CBE6D6;border-color:#CBE6D6!important;}
.bjr-darkcard{transition:transform .26s cubic-bezier(.2,.7,.3,1),background-color .26s ease,border-color .26s ease;}
.bjr-darkcard:hover{transform:translateY(-4px);--background-color:rgba(255,255,255,.14);background-color:rgba(255,255,255,.14)!important;--border-color:rgba(255,255,255,.4);border-color:rgba(255,255,255,.4)!important;}

/* icon tiles: rounded square instead of circle */
.elementor-widget-icon-box .elementor-icon{border-radius:14px!important;transition:transform .26s ease;}
.bjr-card:hover .elementor-widget-icon-box .elementor-icon{transform:scale(1.06) rotate(-3deg);}

/* buttons */
.elementor-button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important;}
.elementor-button:hover{box-shadow:0 8px 20px rgba(13,92,44,.22);}

/* accordion: spaced cards */
.elementor-widget-accordion .elementor-accordion-item{border-radius:12px;margin-bottom:10px;overflow:hidden;background:#fff;transition:box-shadow .24s ease,border-color .24s ease;}
.elementor-widget-accordion .elementor-accordion-item:hover{box-shadow:0 6px 18px rgba(13,92,44,.09);border-color:#CBE6D6!important;}
.elementor-widget-accordion .elementor-tab-title{padding:16px 18px!important;}
.elementor-widget-accordion .elementor-tab-content{padding:0 18px 18px!important;border-top:0!important;}

/* 'what we don't take' crosses read as warnings */
.bjr-darkcard .elementor-icon-list-icon svg,
.bjr-darkcard .elementor-icon-list-icon i{color:#FF9E93!important;fill:#FF9E93!important;}

/* section rhythm */
.bjr-steplabel{letter-spacing:.06em;}

/* ---------- BJR hero mascot ---------- */
.bjr-mascot{transition:transform .4s cubic-bezier(.2,.7,.3,1);}
.bjr-mascot:hover{transform:translateY(-4px) rotate(-1deg);}
.bjr-mascot img{width:100%!important;max-width:230px;height:auto!important;}
@media (max-width:1024px){.bjr-mascot img{max-width:170px;}}
@media (max-width:767px){.bjr-mascot{display:none;}}

/* ---------- BJR service cards (photo top + floating icon) ---------- */
.bjr-svcicon .elementor-icon{box-shadow:0 4px 14px rgba(13,92,44,.22);border:3px solid #fff;}
.bjr-svcicon{position:relative;z-index:2;}

/* ---------- BJR licence badge ---------- */
.bjr-licence{position:relative;}

/* ---------- BJR FAQ accordion ---------- */
.elementor-widget-accordion .elementor-accordion-icon{float:right!important;margin-left:auto;}
.elementor-widget-accordion .elementor-tab-title{display:flex;align-items:center;justify-content:space-between;gap:12px;}

/* ---------- BJR counters ---------- */
.bjr-counter .elementor-counter{justify-content:center;}
.bjr-counter .elementor-counter-number-wrapper{justify-content:center;text-align:center;}
.bjr-counter .elementor-counter-title{display:none;}

/* ---------- BJR brand marquee ---------- */
.bjr-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.bjr-marquee > .elementor-element{animation:bjrScroll 26s linear infinite;flex:0 0 auto;white-space:nowrap;}
.bjr-marquee:hover > .elementor-element{animation-play-state:paused;}
@keyframes bjrScroll{from{transform:translateX(0)}to{transform:translateX(-160%)}}
@media (prefers-reduced-motion:reduce){.bjr-marquee > .elementor-element{animation:none;}}

/* ---------- BJR images: uniform aspect ratios ---------- */
.bjr-photo img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:center;display:block;}
.bjr-map img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:contain;object-position:center;display:block;background:transparent;}
.bjr-logo img{height:auto!important;object-fit:contain;display:block;}
@media (max-width:767px){
  .bjr-photo img{aspect-ratio:16/10;}
}

/* ---------- BJR quote form ---------- */
.bjr-form{margin:0!important;}
.bjr-form .wpforms-head-container,.bjr-form .wpforms-title,.bjr-form .wpforms-description{display:none!important;}
.bjr-form .wpforms-field{padding:0 0 14px 0!important;}
.bjr-form .wpforms-field-label,.bjr-form .wpforms-field-sublabel{display:none!important;}

.bjr-form input[type=text],
.bjr-form input[type=email],
.bjr-form input[type=tel],
.bjr-form input[type=number],
.bjr-form select,
.bjr-form textarea{
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  background:#fff!important;border:1px solid rgba(0,0,0,.06)!important;
  border-radius:26px!important;padding:15px 20px!important;margin:0!important;
  font:400 15px/1.4 Inter,system-ui,sans-serif!important;color:#222!important;
  box-shadow:none!important;height:auto!important;min-height:0!important;
}
.bjr-form textarea{border-radius:18px!important;min-height:130px!important;resize:vertical;}
.bjr-form select{appearance:none!important;-webkit-appearance:none!important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%236A6A6A' stroke-width='1.6' stroke-linecap='round'/></svg>")!important;
  background-repeat:no-repeat!important;background-position:right 18px center!important;padding-right:42px!important;}
.bjr-form ::placeholder{color:#9A9A9A!important;opacity:1!important;}
.bjr-form input:focus,.bjr-form select:focus,.bjr-form textarea:focus{
  outline:none!important;border-color:#0D5C2C!important;box-shadow:0 0 0 3px rgba(13,92,44,.18)!important;}

/* Emirates + Areas side by side */
.bjr-form .wpforms-field.bjr-half{display:inline-block!important;width:calc(50% - 7px)!important;vertical-align:top;}
.bjr-form .wpforms-field.bjr-half + .wpforms-field.bjr-half{margin-left:12px!important;}

/* checkbox */
.bjr-form .wpforms-field.bjr-check{padding-bottom:16px!important;}
.bjr-form .bjr-check ul{list-style:none!important;margin:0!important;padding:0!important;}
.bjr-form .bjr-check li{margin:0!important;padding:0!important;background:none!important;border:0!important;}
.bjr-form .bjr-check label{color:#fff!important;font:500 14px/1.4 Inter,system-ui,sans-serif!important;display:inline-flex!important;align-items:center;gap:9px;cursor:pointer;}
.bjr-form .bjr-check input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;width:18px!important;height:18px!important;border-radius:4px!important;background:#fff!important;border:0!important;cursor:pointer;position:relative;flex:0 0 18px;margin:0!important;}
.bjr-form .bjr-check input[type=checkbox]:checked::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #0D5C2C;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);}

/* submit */
.bjr-form .wpforms-submit-container{padding:8px 0 0 0!important;}
.bjr-form button[type=submit]{
  width:100%!important;background:#F2B52B!important;color:#1A1A1A!important;
  border:0!important;border-radius:26px!important;padding:16px 24px!important;
  font:700 15px/1 Inter,system-ui,sans-serif!important;cursor:pointer;
  transition:background .2s ease,transform .2s ease;}
.bjr-form button[type=submit]:hover{background:#E0A417!important;transform:translateY(-1px);}

.bjr-form label.wpforms-error{color:#FFE9A8!important;font:400 13px/1.4 Inter,sans-serif!important;padding-top:6px!important;}
.bjr-form .wpforms-confirmation-container-full{background:#fff!important;border:0!important;border-radius:16px!important;color:#222!important;}

@media (max-width:600px){
  .bjr-form .wpforms-field.bjr-half{display:block!important;width:100%!important;}
  .bjr-form .wpforms-field.bjr-half + .wpforms-field.bjr-half{margin-left:0!important;}
}
