/* Qasedak — poem gift interface, phase 4. Requires phase 1 theme variables. */
/* Select poem page — do not alter the generated card's internal layout. */
[data-theme] .hero{background:linear-gradient(135deg,#071710,#103b27)!important;color:#f3fff6!important;border-bottom:1px solid #28543d}
[data-theme] .hero h1,[data-theme] .hero p,[data-theme] .hero .highlight{color:#f3fff6!important}
[data-theme] .content-box{background:var(--q-surface)!important;color:var(--q-text)!important;border:1px solid var(--q-outline)!important;border-right:4px solid #238657!important;border-radius:22px!important;box-shadow:0 12px 34px rgba(0,0,0,.12)!important;padding:clamp(18px,3vw,32px)!important;margin-block:18px!important}
[data-theme] .content-box .section-header h3,[data-theme] .content-box .form-section-title,[data-theme] .content-box .preview-heading{color:var(--q-text)!important}
[data-theme] .content-box :is(p,label,.explanation-text,.hint,.step-label,.register-reminder,.bottom-note){color:var(--q-muted)!important}
[data-theme] .content-box .icon-circle,[data-theme] .content-box .step-badge{background:#238657!important;color:white!important;box-shadow:none!important}
[data-theme] .content-box .step-box{background:var(--q-bg)!important;border:1px solid var(--q-outline)!important;border-radius:14px!important;box-shadow:none!important;transform:none!important}
[data-theme] .content-box :is(input,select,textarea){background:var(--q-bg)!important;color:var(--q-text)!important;border:1px solid var(--q-outline)!important;border-radius:12px!important;min-height:46px}
[data-theme] .content-box :is(input,select,textarea)::placeholder{color:var(--q-muted)!important;opacity:.8}
[data-theme] .content-box :is(button,.btn,.btn-register-redirect,.btn-submit){background:#238657!important;color:#fff!important;border:1px solid #238657!important;border-radius:12px!important;box-shadow:none!important;min-height:44px;cursor:pointer}
[data-theme] .content-box :is(button,.btn,.btn-register-redirect,.btn-submit):hover{background:#176a43!important}
[data-theme] #poem-preview .content-box{background:var(--q-surface)!important}
[data-theme] #preview-body{color:var(--q-text)!important}
[data-theme] .form-error{border-radius:12px!important}
[data-theme] .form-success{border-radius:12px!important}
/* Preview controls, outside the actual image/card. */
[data-theme] .preview-container{max-width:900px}
[data-theme] .preview-container>.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px auto 28px}
[data-theme] .preview-container>.action-buttons :is(.btn,a,button){border-radius:13px!important;padding:12px 20px!important;min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:none!important;transition:background-color .2s ease}
[data-theme] .preview-container>.action-buttons .btn-email{background:#238657!important;color:white!important;border:1px solid #238657!important}
[data-theme] .preview-container>.action-buttons .btn-donate{background:var(--q-surface)!important;color:var(--q-text)!important;border:1px solid var(--q-outline)!important}
[data-theme] .preview-container>.action-buttons .btn-back{background:transparent!important;color:var(--q-text)!important;border:1px solid var(--q-outline)!important}
[data-theme] .preview-container>.action-buttons .btn:hover{filter:brightness(1.1)}
/* Keep poem artwork, image overlay, signature, and typography unchanged. */
[data-theme] .preview-container>.a4-card{border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.18)}
@media(max-width:640px){[data-theme] .content-box{padding:16px!important}[data-theme] .content-box .steps-grid{grid-template-columns:1fr!important}[data-theme] .preview-container>.action-buttons{flex-direction:column}[data-theme] .preview-container>.action-buttons>*{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){[data-theme] .preview-container>.action-buttons .btn{transition:none}}

/* Accessibility: stronger contrast for poem selection and sending controls. */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
[data-theme] .content-box, [data-theme] .content-box :is(label,p,.step-label,.explanation-text,.hint,.register-reminder,.bottom-note,.reminder-text,.form-group small,.form-group .help-text,.section-header h3,.form-section-title) {font-family:'Vazirmatn',Tahoma,sans-serif!important;color:var(--q-text)!important;opacity:1!important}
html[data-theme='dark'] .content-box {--q-text:#f2f8f3;--q-muted:#d3e1d8;--q-outline:rgba(213,234,220,.3)}
html[data-theme='light'] .content-box {--q-text:#172d20;--q-muted:#405747;--q-outline:rgba(28,70,43,.25)}
[data-theme] .content-box :is(.hint,.explanation-text,.register-reminder,.bottom-note,.form-group small,.form-group .help-text){color:var(--q-muted)!important}
[data-theme] .content-box :is(input,textarea,select){color:var(--q-text)!important;opacity:1!important;font-family:'Vazirmatn',Tahoma,sans-serif!important}
[data-theme] .content-box :is(input,textarea)::placeholder{color:var(--q-muted)!important;opacity:1!important}
[data-theme] .content-box .step-label{color:var(--q-text)!important}
[data-theme] .content-box .step-badge{color:#fff!important}
[data-theme] .content-box :is(button,.btn,.btn-submit){font-family:'Vazirmatn',Tahoma,sans-serif!important}
@media(max-width:640px){[data-theme] .content-box :is(label,p,.hint,.step-label,.explanation-text){line-height:1.9!important}}