/* Custom footer subscription styles */
#footerSubscribeBtn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.35rem .95rem;font-weight:700;cursor:pointer;height:40px;display:inline-flex;align-items:center;justify-content:center}
.footer-subscribe-input{color:#333;border-radius:10px;padding:.35rem .95rem;border:1px solid rgba(6,35,71,.08);box-shadow:inset 0 1px 0 rgba(0,0,0,.03);font-size:0.98rem;height:40px;line-height:1;display:inline-flex;align-items:center}
[data-theme='dark'] .footer-subscribe-input{background:#0b2446;color:#fff;border:1px solid rgba(255,255,255,.06)}
#footerSubscribeBtn:hover{background:#c8880c;transform:translateY(-1px)}
#footerSubscribeMsg{margin-top:.25rem;font-size:.95rem}
.footer-subscribe-msg{min-height:20px}
@media (max-width:576px){ .footer-subscribe-input{min-width:140px;height:40px} #footerSubscribeBtn{height:40px;padding:.25rem .7rem} }

@media (max-width: 1100px) {
  .footer-partners-list .panel{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .footer-partners-list .panel > div{
    width:100%;
    min-width:0;
  }
  .footer-partners-list .panel .d-flex{
    flex-wrap:wrap;
    gap:.75rem;
  }
  .footer-partners-list .panel .d-flex > div{
    flex:1 1 100%;
    min-width:0;
  }
  .footer-partners-list .panel #footerSubscribeBtn{
    width:100%;
    max-width:320px;
  }
  .footer-partners-list .panel .footer-subscribe-input{
    width:100%;
    min-width:0;
  }
  .footer-payment-box,
  .footer-payment-content,
  .footer-payment-details,
  .footer-payment-qr{
    min-width:0;
  }
  .footer-payment-content{
    flex-direction:column;
    align-items:flex-start;
    gap:1rem;
  }
  .footer-payment-qr{
    width:84px;
    height:84px;
    flex:0 0 auto;
  }
}

/* Admin page specific overrides for subscriptions */
.main-content.subscriptions-page{padding-top:5px;padding-left:0;padding-right:0;margin-right:0}
@media(max-width:767px){.main-content.subscriptions-page{padding-right:1rem}}

/* Collapse header earlier on medium-large screens so nav doesn't overflow (<=1024px) */
@media (max-width: 1024px) {
  .main-nav, .hdr-controls { display: none !important; }
  .hamburger { display: inline-block !important; }
  .site-header { position: fixed; top: 0; left: 0; right: 0; }
  body { padding-top: 78px; }
  .hdr-inner { padding-left: 1rem; padding-right: 1rem; }
}

/* Footer: stack payment QR above its title/text at <=1024px */
@media (max-width: 1024px) {
  .footer-payment-content{ display:flex; flex-direction:column; gap:1rem; align-items:flex-start; width:100%; }
  .footer-payment-qr-wrap{ order:1; width:100%; display:flex; justify-content:flex-start!important; }
  .footer-payment-qr{ max-width:180px; height:auto; display:block; margin-left:0; margin-right:auto; }
  .footer-payment-details{ order:2; width:100%; }
  .footer-payment-note{ margin-bottom:.75rem; }
  .footer-payment-line{ display:block; }
  html[dir="rtl"] .footer-payment-content{ align-items:flex-end; }
  html[dir="rtl"] .footer-payment-qr-wrap{ justify-content:flex-end!important; direction:rtl; }
  html[dir="rtl"] .footer-payment-qr{ margin-left:auto; margin-right:0; }
  html[dir="ltr"] .footer-payment-details{ text-align:left; }
  html[dir="rtl"] .footer-payment-details{ text-align:right; }
}