/* TAQA STORE V247 — Brand Identity System
   Built from the supplied brand-guideline / logo-bento / icon-grid / app-icon-grid
   / ecommerce / payment-method reference direction. Third-party payment marks remain original. */
:root{
  --v247-energy:#39e66b;
  --v247-energy-2:#20c957;
  --v247-carbon:#08110c;
  --v247-paper:#f3f7f5;
  --v247-muted:#87968e;
  --v247-brand-line:rgba(255,255,255,.075);
}

/* Primary brand lockup */
.v245-brand .v170-brand-logo,
.taqa-mobile-header__brand img,
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture img,
.ca-logo-full,
.auth-card-logo-v215,
.ca-auth-brand-logo-v180,
.v231-auth-brand-row img,
.admin-official-logo,
.admin-sidebar-logo,
.taqa-splash__logo{
  filter:none!important;
  object-fit:contain!important;
  background:transparent!important;
}

@media (min-width:1024px){
  .v245-brand{min-width:178px!important}
  .v245-brand .v170-brand-logo{height:46px!important;width:auto!important;max-width:184px!important}
  .v245-brand:hover .v170-brand-logo{transform:translateY(-1px)!important}
  .v245-brand .v170-brand-logo{transition:transform .18s ease!important}
}

/* Compact mobile lockup: mark + live wordmark rather than shrinking the desktop logo */
@media (max-width:1023px){
  .v245-mobile-brand.v247-mobile-brand{
    min-width:0!important;width:auto!important;height:54px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    text-decoration:none!important;padding:0 6px!important;
  }
  .v247-mobile-brand-mark{
    width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:11px!important;
    display:grid!important;place-items:center!important;background:#08110c!important;
    border:1px solid rgba(57,230,107,.18)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
  }
  .v247-mobile-brand-mark img{width:27px!important;height:27px!important;display:block!important}
  .v247-mobile-brand-copy{display:grid!important;gap:0!important;line-height:1!important;text-align:right!important}
  .v247-mobile-brand-copy b{font:800 15px/1.15 "IBM Plex Sans Arabic","Tajawal",sans-serif!important;color:#f3f7f5!important;white-space:nowrap!important}
  .v247-mobile-brand-copy small{font:800 7.5px/1.2 Arial,sans-serif!important;letter-spacing:1.2px!important;color:#39e66b!important;white-space:nowrap!important;margin-top:3px!important}
  .v245-mobile-menu-brand .v247-menu-brand-mark{
    width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:13px!important;
    display:grid!important;place-items:center!important;background:#08110c!important;border:1px solid rgba(57,230,107,.18)!important;
  }
  .v245-mobile-menu-brand .v247-menu-brand-mark img{width:32px!important;height:32px!important;max-height:none!important;display:block!important}
  .v245-mobile-menu-brand>b,.v245-mobile-menu-brand>small{display:none!important}
  .v245-mobile-menu-brand>span b{font-size:13px!important;font-weight:750!important;color:#f1f5f3!important}
  .v245-mobile-menu-brand>span small{font-size:9px!important;color:#718078!important}
}

/* Footer: give the actual logo more breathing room and keep provider marks recognizable */
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture img{
  width:auto!important;height:52px!important;max-width:205px!important;
}
.taqa-site-footer-v203 .taqa-builder-payment-row{gap:8px!important}
.taqa-site-footer-v203 .taqa-builder-payment-item{
  min-width:70px!important;height:39px!important;padding:7px 10px!important;border-radius:11px!important;
  background:#f8faf9!important;border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
}
.taqa-site-footer-v203 .taqa-builder-payment-item picture,
.taqa-site-footer-v203 .taqa-builder-payment-item img{max-width:56px!important;max-height:20px!important;width:auto!important;height:auto!important;filter:none!important}
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="gateway"] .taqa-builder-image-picture,
.taqa-site-footer-v203 .taqa-builder-section[data-section-id="verification"] .taqa-builder-image-picture{
  border-radius:13px!important;overflow:hidden!important;
}

/* Checkout trust/payment presentation — provider logos are untouched */
body[data-page="checkout"] .checkout-payment-card-v119{position:relative!important;overflow:hidden!important}
body[data-page="checkout"] .checkout-payment-card-v119:before{
  content:"TAQA SECURE CHECKOUT";display:block!important;width:max-content!important;margin:0 0 13px auto!important;
  padding:6px 9px!important;border-radius:999px!important;border:1px solid rgba(57,230,107,.18)!important;
  background:rgba(57,230,107,.055)!important;color:#8df3ac!important;
  font:700 8px/1 Arial,sans-serif!important;letter-spacing:1.25px!important;
}
body[data-page="checkout"] .payment-method-v119{border-radius:15px!important}
body[data-page="checkout"] .payment-method-icon-v116{border-radius:11px!important}

/* Account/auth/admin applications */
body.customer-account-v130 .ca-logo-full{width:auto!important;height:42px!important;max-width:168px!important}
.auth-card-logo-v215{width:auto!important;height:46px!important;max-width:180px!important}
.ca-auth-brand-logo-v180{width:auto!important;height:52px!important;max-width:205px!important}
.v231-auth-brand-row img{width:auto!important;height:54px!important;max-width:210px!important}
.admin-official-logo{width:auto!important;height:38px!important;max-width:165px!important}
.admin-sidebar-logo{width:auto!important;height:32px!important;max-width:145px!important}

/* Splash/application logo */
.taqa-splash__logo{width:190px!important;height:auto!important;max-height:70px!important}
@media (max-width:767px){
  .taqa-splash__logo{width:165px!important;max-height:62px!important}
  .taqa-site-footer-v203 .taqa-builder-section[data-section-id="brand"] .taqa-builder-logo-picture img{height:46px!important;max-width:180px!important}
  .taqa-site-footer-v203 .taqa-builder-payment-item{min-width:64px!important;height:37px!important;padding:6px 8px!important}
}

/* Safe light surfaces — use subtle shell so the default dark lockup remains legible */
.brand-on-light-v247{
  display:inline-flex!important;padding:8px 12px!important;border-radius:14px!important;background:#08110c!important;
}