/* Thaibah Sejoli Infaq Checkout v1.4.3 */
:root { --thaibah-green:#008a68; --thaibah-green-dark:#006b52; --thaibah-green-soft:#eaf8f3; --thaibah-border:#d8e8e2; --thaibah-text:#27332f; }
.thaibah-infaq-checkout { max-width: 760px; margin: 0 auto; color:var(--thaibah-text); }
.thaibah-infaq-checkout, .thaibah-infaq-checkout * { box-sizing:border-box; }
.thaibah-infaq-hero { position:relative; overflow:hidden; text-align:center; background:#fff; color:var(--thaibah-green); padding:30px 26px; border:1px solid var(--thaibah-border); border-radius:18px; margin:0 0 16px; box-shadow:0 8px 24px rgba(0,0,0,.05); }
.thaibah-infaq-hero h1 { position:relative; z-index:2; color:var(--thaibah-green) !important; margin:0 0 8px; font-size:29px; line-height:1.2; font-weight:800; }
.thaibah-infaq-hero p { position:relative; z-index:2; margin:0; color:#5d6b66; line-height:1.6; }
.thaibah-infaq-card { background:#fff; border:1px solid var(--thaibah-border); border-radius:16px; padding:18px; margin-bottom:16px; box-shadow:0 6px 18px rgba(0,0,0,.045); }
.thaibah-infaq-label { display:block; text-align:center; font-weight:800; font-size:17px; margin-bottom:12px; color:var(--thaibah-green); }
.thaibah-infaq-quick { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-bottom:10px; }
.thaibah-infaq-quick button { appearance:none; border:1px solid #b9d9ce; background:#f7fcfa; color:#006b52; border-radius:8px; min-height:40px; padding:9px 7px; font-size:13px; font-weight:800; cursor:pointer; transition:.18s ease; box-shadow:0 1px 2px rgba(0,0,0,.03); }
.thaibah-infaq-quick button:hover { background:#e8f7f1; border-color:#70bda7; color:#006b52; transform:translateY(-1px); }
.thaibah-infaq-quick button.active { background:var(--thaibah-green); border-color:var(--thaibah-green); color:#fff; box-shadow:0 4px 10px rgba(0,138,104,.2); }
.thaibah-infaq-note { text-align:center; font-size:12px; color:#71807b; margin-top:8px; line-height:1.45; }
.thaibah-infaq-checkout .produk-dibeli { background:#fff; border:1px solid var(--thaibah-border); border-radius:16px; overflow:hidden; margin-bottom:16px; box-shadow:0 6px 18px rgba(0,0,0,.045); }
.thaibah-infaq-checkout .produk-dibeli table { margin:0; }
.thaibah-infaq-checkout .produk-dibeli thead th { color:var(--thaibah-green); font-size:17px; padding:13px 18px; text-align:center; background:#f7faf9; }
.thaibah-infaq-checkout .produk-dibeli #price { font-size:22px; font-weight:700; height:52px; text-align:right; color:#25312d !important; background:#fff !important; border-color:#cfe1da !important; }
.thaibah-infaq-checkout .produk-dibeli .ui.teal.label { background:var(--thaibah-green) !important; color:#fff !important; font-size:16px; }
.thaibah-infaq-checkout .ui.info.message.thaibah-infaq-rule { background:#f2faf7 !important; color:#53625d !important; border:1px solid #b9ddd1 !important; box-shadow:none !important; margin-top:10px; }
.thaibah-infaq-checkout .ui.info.message.thaibah-infaq-rule .header { color:var(--thaibah-green) !important; }
.thaibah-infaq-checkout .ui.info.message.thaibah-infaq-rule p { color:#53625d !important; margin:4px 0 0; line-height:1.5; }
.thaibah-infaq-checkout .metode-pembayaran, .thaibah-infaq-checkout .informasi-pribadi, .thaibah-infaq-checkout .login, .thaibah-infaq-checkout .kode-diskon, .thaibah-infaq-checkout .beli-sekarang { background:#fff; border:1px solid var(--thaibah-border); border-radius:16px; padding:18px; margin-bottom:16px; box-shadow:0 6px 18px rgba(0,0,0,.045); }
.thaibah-infaq-checkout .metode-pembayaran h3 { color:var(--thaibah-green); margin-top:0; text-align:left; }
.thaibah-infaq-checkout .beli-sekarang .total-bayar h4 { color:#53625d; font-size:15px; margin:0 0 3px; }
.thaibah-infaq-checkout .submit-button { width:100% !important; margin:0 !important; border-radius:10px !important; font-weight:800 !important; background:var(--thaibah-green) !important; color:#fff !important; box-shadow:none !important; }
.thaibah-infaq-checkout .submit-button:hover { background:var(--thaibah-green-dark) !important; }
.thaibah-infaq-checkout .secure-tagline-icon { color:#0aaf62; }
.thaibah-infaq-checkout .alert-holder { margin-top:12px; }
.thaibah-infaq-checkout .thaibah-infaq-product-row { display:none; }

/* MODERN: clean dark presentation, green title, subtle donation icon watermark */
.thaibah-infaq-template-modern { color:#f4f8f6; }
.thaibah-infaq-template-modern .thaibah-infaq-hero { background:linear-gradient(145deg,#0d1714,#14231e); border-color:#24453b; box-shadow:0 10px 28px rgba(0,0,0,.14); }
.thaibah-infaq-template-modern .thaibah-infaq-hero h1 { color:#19b88b !important; }
.thaibah-infaq-template-modern .thaibah-infaq-hero p { color:#d8e6e1; }
.thaibah-infaq-template-modern .thaibah-infaq-hero::after { content:'\f4be'; font-family:'Font Awesome 5 Free','Font Awesome 5 Pro',sans-serif; font-weight:900; position:absolute; right:-18px; bottom:-38px; font-size:150px; line-height:1; color:rgba(255,255,255,.045); transform:rotate(-10deg); pointer-events:none; }
.thaibah-infaq-template-modern .thaibah-infaq-card, .thaibah-infaq-template-modern .produk-dibeli, .thaibah-infaq-template-modern .metode-pembayaran, .thaibah-infaq-template-modern .informasi-pribadi, .thaibah-infaq-template-modern .login, .thaibah-infaq-template-modern .kode-diskon, .thaibah-infaq-template-modern .beli-sekarang { background:#fff; color:#27332f; border-color:#d8e8e2; box-shadow:0 7px 20px rgba(0,0,0,.055); }
.thaibah-infaq-template-modern .thaibah-infaq-label, .thaibah-infaq-template-modern .metode-pembayaran h3 { color:var(--thaibah-green); text-align:center; }
.thaibah-infaq-template-modern .thaibah-infaq-quick button { background:#f7fcfa; color:#006b52; border-color:#b9d9ce; }
.thaibah-infaq-template-modern .thaibah-infaq-quick button:hover { background:#e8f7f1; color:#006b52; }
.thaibah-infaq-template-modern .thaibah-infaq-quick button.active { background:#008a68; color:#fff; border-color:#008a68; }
.thaibah-infaq-template-modern .produk-dibeli thead th { background:#f7faf9; color:var(--thaibah-green); }
.thaibah-infaq-template-modern .beli-sekarang { background:#fff; }

/* MINIMAL: white, clean, green typography */
.thaibah-infaq-template-minimal .thaibah-infaq-hero, .thaibah-infaq-template-minimal .thaibah-infaq-card, .thaibah-infaq-template-minimal .produk-dibeli, .thaibah-infaq-template-minimal .metode-pembayaran, .thaibah-infaq-template-minimal .informasi-pribadi, .thaibah-infaq-template-minimal .login, .thaibah-infaq-template-minimal .kode-diskon, .thaibah-infaq-template-minimal .beli-sekarang { background:#fff; box-shadow:none; border-color:#e1ebe7; }
.thaibah-infaq-template-minimal .thaibah-infaq-hero h1, .thaibah-infaq-template-minimal .thaibah-infaq-label, .thaibah-infaq-template-minimal .metode-pembayaran h3 { color:var(--thaibah-green) !important; }
.thaibah-infaq-template-minimal .thaibah-infaq-hero p, .thaibah-infaq-template-minimal .thaibah-infaq-note { color:#687873; }

@media (max-width:600px) {
 .thaibah-infaq-checkout { max-width:100%; }
 .thaibah-infaq-hero { padding:24px 18px; }
 .thaibah-infaq-hero h1 { font-size:24px; }
 .thaibah-infaq-card,.thaibah-infaq-checkout .metode-pembayaran,.thaibah-infaq-checkout .informasi-pribadi,.thaibah-infaq-checkout .login,.thaibah-infaq-checkout .kode-diskon,.thaibah-infaq-checkout .beli-sekarang { padding:14px; }
 .thaibah-infaq-quick { grid-template-columns:repeat(3,1fr); gap:7px; }
 .thaibah-infaq-quick button { min-height:36px; padding:7px 4px; font-size:11px; }
 .thaibah-infaq-checkout .beli-sekarang .submit-button { width:100% !important; font-size:13px !important; padding:12px 8px !important; }
}
/* v1.3.1: small spacing refinement */
.thaibah-infaq-checkout .produk-dibeli {
    margin-top: 10px;
}
.thaibah-infaq-checkout .produk-dibeli .price-set {
    padding-top: 10px !important;
}

/* v1.4.1: recommended quick amount */
.thaibah-infaq-quick button.recommended { border-width:2px; box-shadow:0 3px 10px rgba(0,138,104,.10); }
.thaibah-infaq-quick .thaibah-recommended-star { font-size:.9em; line-height:1; margin-left:2px; }
.thaibah-infaq-quick button.recommended:hover { border-color:var(--thaibah-green); }
.thaibah-infaq-quick button.recommended.active { box-shadow:0 4px 12px rgba(0,138,104,.24); }


/* v1.4.3 clean note box */
.thaibah-infaq-rule-no-icon { display:block !important; }
.thaibah-infaq-rule-no-icon .content { margin-left:0 !important; width:100% !important; }
.thaibah-infaq-rule-no-icon .content .header { width:100% !important; }
.thaibah-infaq-rule p { margin-bottom:0 !important; white-space:normal; }
