/* TAQA STORE V203 — single authoritative global footer system. */
:root{
  --site-bg:var(--taqa-bg,#010604);
  --surface:var(--taqa-surface,#08110d);
  --text-primary:var(--taqa-text,#f4f7f5);
  --text-muted:var(--taqa-muted,#95a39b);
  --accent:var(--taqa-green,#39ff73);
  --border-subtle:var(--taqa-line,rgba(57,255,115,.17));
  --mobile-nav-height:var(--taqa-mobile-nav-height,var(--bottom-nav-h,74px));
  --site-content-max:1280px;
}

html,body{background-color:var(--site-bg)!important;}
body:not(.admin-page)>main,
body:not(.admin-page)>#mainContent,
body:not(.admin-page) main#mainContent{background-color:var(--site-bg)!important;}

.footer,footer.footer{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:clamp(30px,4.5vw,56px) 0 0!important;
  padding:0!important;
  background:var(--site-bg)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:var(--text-muted)!important;
  text-align:initial!important;
  overflow:visible!important;
}
.footer::before,.footer::after{content:none!important;display:none!important;}

.taqa-site-footer-v203,.taqa-site-footer-v203 *{box-sizing:border-box;}
.taqa-site-footer-v203{
  width:100%;
  max-width:none;
  margin:0;
  padding:38px max(18px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  background:var(--site-bg)!important;
  color:var(--ft-text,var(--text-primary));
  border:0;
  border-radius:0;
  box-shadow:none;
  font-size:var(--ft-font-mobile,13px);
  position:relative;
  z-index:2;
}
body.taqa-footer-has-mobile-nav .taqa-site-footer-v203{
  padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + 22px);
}
html.taqa-footer-ready body:not(.admin-page){padding-bottom:0!important;}

.taqa-site-footer-grid-v203{
  width:100%;
  max-width:var(--site-content-max);
  margin-inline:auto;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:16px;
  row-gap:28px;
  align-items:start;
}
.taqa-site-footer-v203 .taqa-builder-section{
  grid-column:span var(--section-span,12);
  min-width:0;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:stretch;
  text-align:center;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.taqa-site-footer-v203 .taqa-builder-section>h3{
  margin:0 0 2px;
  color:var(--ft-text,var(--text-primary));
  font-size:15px;
  line-height:1.5;
  font-weight:800;
}
.taqa-site-footer-v203 .taqa-builder-block{min-width:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none;}
.taqa-site-footer-v203 .taqa-builder-text p,
.taqa-site-footer-v203 .taqa-builder-cta p{
  margin:0;
  color:var(--ft-secondary,var(--text-muted));
  line-height:1.9;
  font-size:13px;
}

/* Brand: official transparent SVG + concise description. */
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"]{align-items:center;}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture,
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture img{
  display:block;
  width:auto;
  height:42px;
  max-width:min(160px,48vw);
  object-fit:contain;
}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture{margin-inline:auto;margin-bottom:4px;}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-text p{max-width:640px;margin-inline:auto;text-wrap:pretty;}

/* Back to top is text, not a card. */
.taqa-site-footer-v203 .taqa-builder-backtop{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--ft-secondary,var(--text-muted));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-inline:auto;
  min-height:42px;
  padding:5px 8px;
  border-radius:8px;
  cursor:pointer;
  font:inherit;
}
.taqa-site-footer-v203 .taqa-builder-backtop:hover{color:var(--ft-text,var(--text-primary));}
.taqa-site-footer-v203 .taqa-builder-backtop svg{width:18px;height:18px;color:var(--ft-accent,var(--accent));}

/* Social buttons. */
.taqa-site-footer-v203 .taqa-builder-social-row{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.taqa-site-footer-v203 .taqa-builder-social-row a{
  width:48px;
  height:48px;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  color:var(--ft-accent,var(--accent))!important;
  background:transparent!important;
  border:1px solid var(--ft-border,var(--border-subtle))!important;
  border-radius:13px;
  box-shadow:none!important;
  text-decoration:none;
}
.taqa-site-footer-v203 .taqa-builder-social-row a:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 36%,transparent)!important;}
.taqa-site-footer-v203 .taqa-social-svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.taqa-site-footer-v203 .taqa-builder-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

/* Navigation is always visible: two RTL columns on mobile. */
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="navigation"],
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="legal"]{
  grid-column:span 6!important;
  align-items:stretch;
  text-align:start;
  gap:8px;
  padding-inline:4px;
}
.taqa-site-footer-v203 .taqa-builder-links nav{display:grid;grid-template-columns:1fr;gap:8px;}
.taqa-site-footer-v203 .taqa-builder-links a{
  display:block!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  color:var(--ft-secondary,var(--text-muted))!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:13px;
  font-weight:500;
  line-height:1.65;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.taqa-site-footer-v203 .taqa-builder-links a:hover{color:var(--ft-accent,var(--accent))!important;}

/* Payments. */
.taqa-site-footer-v203 .taqa-builder-block-label{display:block;margin:0 0 7px;color:var(--ft-secondary,var(--text-muted));font-size:12px;font-weight:600;}
.taqa-site-footer-v203 .taqa-builder-payment-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;}
.taqa-site-footer-v203 .taqa-builder-payment-item{
  width:78px;
  height:42px;
  padding:7px 9px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#07100b;
  border:1px solid rgba(57,255,115,.16);
  border-radius:11px;
  box-shadow:none;
}
.taqa-site-footer-v203 .taqa-builder-payment-item picture,
.taqa-site-footer-v203 .taqa-builder-payment-item img{display:block;width:auto;max-width:60px;height:20px;object-fit:contain;}

/* OMPAY banner is responsive and never becomes another card. */
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="gateway"]{padding:0;}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="gateway"] .taqa-builder-image-picture{display:block;width:min(100%,330px);margin-inline:auto;}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="gateway"] .taqa-builder-image-picture img{display:block;width:100%;height:auto;max-height:62px;object-fit:contain;border:0;border-radius:0;box-shadow:none;}

/* Oman business verification: one connected RTL line, no card shell. */
.taqa-site-footer-v203 .taqa-builder-info-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  min-width:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  direction:rtl;
  text-align:start;
}
.taqa-site-footer-v203 .taqa-builder-info-card picture,
.taqa-site-footer-v203 .taqa-builder-info-card img{width:54px;height:54px;object-fit:contain;flex:0 0 auto;}
.taqa-site-footer-v203 .taqa-builder-info-card>div{min-width:0;}
.taqa-site-footer-v203 .taqa-builder-info-card strong{display:block;margin:0;color:var(--ft-text,var(--text-primary));font-size:14px;font-weight:800;}
.taqa-site-footer-v203 .taqa-builder-info-card p,
.taqa-site-footer-v203 .taqa-builder-info-card small{display:block;margin:3px 0 0;color:var(--ft-secondary,var(--text-muted));font-size:12px;line-height:1.6;overflow-wrap:anywhere;}

/* Copyright uses only a subtle divider on the site background. */
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="copyright"]{
  padding-top:22px;
  border-top:1px solid color-mix(in srgb,var(--ft-border,var(--border-subtle)) 70%,transparent)!important;
  color:var(--ft-secondary,var(--text-muted));
  font-size:12px;
  line-height:1.7;
  text-align:center;
}

/* Small phones: keep two visible columns, reduce type rather than stacking into a long footer. */
@media (max-width:359px){
  .taqa-site-footer-v203{padding-inline:max(16px,env(safe-area-inset-left),env(safe-area-inset-right));}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="navigation"],
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="legal"]{padding-inline:1px;}
  .taqa-site-footer-v203 .taqa-builder-links a{font-size:12px;}
  .taqa-site-footer-v203 .taqa-builder-payment-item{width:70px;height:40px;padding-inline:6px;}
}

/* Tablet: breathable, explicit wrapping. */
@media (min-width:761px) and (max-width:1023px){
  .taqa-site-footer-v203{font-size:var(--ft-font-desktop,13px);padding:40px 28px calc(34px + env(safe-area-inset-bottom));}
  .taqa-site-footer-grid-v203{column-gap:24px;row-gap:30px;}
  .taqa-site-footer-v203 .taqa-builder-section{grid-column:span 12;text-align:start;align-items:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"]{align-items:center;text-align:center;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="social"]{align-items:center;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="navigation"],
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="legal"]{grid-column:span 6!important;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="gateway"],
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="verification"]{grid-column:span 6!important;}
  .taqa-site-footer-v203 .taqa-builder-payment-row{justify-content:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-info-card{justify-content:flex-start;}
}

/* Desktop: independent multi-column composition, same seamless background. */
@media (min-width:1024px){
  .footer,footer.footer{margin-top:56px!important;}
  .taqa-site-footer-v203{font-size:var(--ft-font-desktop,13px);padding:46px 32px 34px;}
  .taqa-site-footer-grid-v203{column-gap:28px;row-gap:30px;}
  .taqa-site-footer-v203 .taqa-builder-section{text-align:start;align-items:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="backtop"]{grid-column:span 12;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"]{grid-column:span 4;align-items:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="navigation"],
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="legal"]{grid-column:span 2!important;padding-inline:0;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="social"]{grid-column:span 4;align-items:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="payments"],
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="gateway"],
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="verification"]{grid-column:span 4!important;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="copyright"]{grid-column:span 12;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture,
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture img{height:48px;max-width:176px;margin-inline:0;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-text p{margin-inline:0;max-width:360px;}
  .taqa-site-footer-v203 .taqa-builder-social-row,
  .taqa-site-footer-v203 .taqa-builder-payment-row{justify-content:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-info-card{justify-content:flex-start;}
  .taqa-site-footer-v203 .taqa-builder-backtop{margin-inline-start:0;margin-inline-end:auto;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="copyright"]{text-align:center;align-items:center;}
}

@media (prefers-reduced-motion:reduce){.taqa-site-footer-v203 *{scroll-behavior:auto!important;transition:none!important;}}

/* The OMPAY image is a block inside the payments section in the published footer config. */
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="payments"] .taqa-builder-image-picture{
  display:block;
  width:min(100%,330px);
  margin:10px auto 0;
}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="payments"] .taqa-builder-image-picture img{
  display:block;
  width:100%;
  height:auto;
  max-height:62px;
  object-fit:contain;
  border:0;
  border-radius:0;
  box-shadow:none;
}
@media (min-width:1024px){
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="verification"]{grid-column:span 4!important;}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="payments"]{
    grid-column:span 12!important;
    display:grid;
    grid-template-columns:max-content minmax(280px,360px);
    align-items:end;
    justify-content:start;
    gap:22px;
  }
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="payments"] .taqa-builder-image-picture{margin:0;width:100%;}
}

/* Admin Footer Builder preview keeps mobile/desktop composition independent of the admin viewport. */
.builder-preview-shell.mobile .taqa-site-footer-v203{padding:36px 18px 28px!important;font-size:12px!important;}
.builder-preview-shell.mobile .taqa-site-footer-grid-v203{column-gap:14px!important;row-gap:26px!important;}
.builder-preview-shell.mobile .taqa-site-footer-v203 .taqa-builder-section{grid-column:span 12!important;text-align:center!important;align-items:stretch!important;}
.builder-preview-shell.mobile .taqa-site-footer-v203 .taqa-builder-section[data-section-id="navigation"],
.builder-preview-shell.mobile .taqa-site-footer-v203 .taqa-builder-section[data-section-id="legal"]{grid-column:span 6!important;text-align:start!important;}
.builder-preview-shell.desktop .taqa-site-footer-v203{padding:42px 28px 32px!important;font-size:13px!important;}
