/* Full logo, shown normally, a bit bigger, fully visible */
.brand{display:flex;align-items:center;flex-shrink:0;}
.brand-text{display:none !important;}
.brand-logo-crop{position:static;display:flex;align-items:center;width:auto;height:auto;overflow:visible;}
.brand-logo-crop img{position:static;width:auto;height:72px;max-width:none;left:auto;top:auto;}
.brand-logo-crop--footer{width:auto;height:auto;}
.brand-logo-crop--footer img{width:auto;height:48px;left:auto;top:auto;}
@media (max-width:600px){
  .brand-logo-crop img{height:54px;}
}

/* Whole pack card clickable (not just the "Explore ->" link text) */
.pack-card{isolation:isolate;}
.pack-card .wp-block-buttons{pointer-events:none;}
.pack-card .wp-block-button__link{pointer-events:auto;}
.pack-card .wp-block-button__link{position:static !important;overflow:visible !important;}
.pack-card .wp-block-button__link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}

/* Phone number must stay LTR even inside Arabic (RTL) paragraphs */
.cta-info bdi, .um-phone-number{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}

/* Footer social icons */
.foot-social{display:flex;align-items:center;gap:14px;}
.foot-social a{
  width:34px;height:34px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg-alt);color:var(--ink-soft);
  transition:background .15s ease, color .15s ease, transform .15s ease;
}
.foot-social a:hover{background:var(--grad2);color:#fff;transform:translateY(-2px);}
.foot-social svg{width:16px;height:16px;fill:currentColor;}
.foot-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}

/* Floating WhatsApp button */
.wa-float{
  position:fixed;
  bottom:24px;right:24px;
  width:60px;height:60px;
  border-radius:50%;
  background:#25D366;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 28px -8px rgba(37,211,102,.6);
  z-index:999;
  transition:transform .2s ease, box-shadow .2s ease;
}
.wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 34px -8px rgba(37,211,102,.7);}
.wa-float svg{width:30px;height:30px;fill:#fff;}
body.rtl .wa-float{right:auto;left:24px;}
@media (max-width:600px){
  .wa-float{width:52px;height:52px;bottom:16px;right:16px;}
  .wa-float svg{width:26px;height:26px;}
  body.rtl .wa-float{left:16px;}
}