/* Themeable palette – tuned to dark red/maroon */
:root {
  --ai-bg:#130607;            /* page bg tint */
  --ai-card:#1f0a0b;
  --ai-border:#3b0e10;
  --ai-muted:#c9c3c3;
  --ai-primary:#a51119;       /* primary red */
  --ai-primary-600:#860e15;   /* hover */
  --ai-success:#16a34a;
  --ai-radius:14px;
}
.ai-theme-red .ai-tabpanels { background: linear-gradient(135deg,#21090a 0%,#170708 40%,#22090b 100%); }

.ai-container { max-width: 980px; margin: 24px auto; padding: 0 16px; color:#fff; }
.ai-steps { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.ai-step {
  flex:1 1 auto; min-width:140px; padding:11px 12px;
  border:1px solid var(--ai-border); background:#2a0c0e; color:#fff;
  border-radius:10px; font-weight:700; letter-spacing:.2px; cursor:pointer;
}
.ai-step[aria-disabled="true"]{ opacity:.5; cursor:not-allowed; }
.ai-step.is-active { border-color:var(--ai-primary); box-shadow:0 0 0 2px rgba(165,17,25,.25); }

.ai-tabpanels { border:1px solid var(--ai-border); border-radius:var(--ai-radius); padding:14px; }
.ai-tabpanel { display:none; }
.ai-tabpanel.is-active { display:block; }

.ai-grid { display:grid; gap:16px; grid-template-columns:1.2fr 1fr; }
@media (max-width: 860px){ .ai-grid { grid-template-columns:1fr; } }

.ai-card {
  background: var(--ai-card); border:1px solid var(--ai-border); border-radius:var(--ai-radius);
  padding:16px; box-shadow: 0 10px 20px rgba(0,0,0,.25);
}
.ai-card h3 { margin:4px 0 12px; }
.ai-muted { color: var(--ai-muted); }

.ai-row { display:flex; gap:12px; flex-wrap:wrap; }
.ai-field { flex:1 1 220px; display:flex; flex-direction:column; gap:6px; }
.ai-field--sm { max-width:120px; }
.ai-field input, .ai-field select {
  padding:11px 12px; border:1px solid var(--ai-border); border-radius:10px; width:100%;
  background:#2a0c0e; color:#fff;
}
.ai-field select:focus, .ai-field input:focus { outline:none; border-color: var(--ai-primary); box-shadow:0 0 0 2px rgba(165,17,25,.25); }

.ai-actions { display:flex; gap:10px; align-items:center; margin-top:12px; flex-wrap:wrap; }
.ai-btn {
  display:inline-block; padding:10px 14px; border-radius:10px;
  border:1px solid var(--ai-border); background:#2a0c0e; color:#fff; font-weight:700; text-decoration:none;
}
.ai-btn--primary { background:var(--ai-primary); border-color:var(--ai-primary); }
.ai-btn--primary:hover { background:var(--ai-primary-600); }
.ai-btn--success { background:var(--ai-success); border-color:var(--ai-success); }

.ai-hint { color:var(--ai-muted); font-size:.9rem; }
pre.ai-lyrics { white-space:pre-wrap; margin:8px 0 0; color:#fff; }

.ai-card-header { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.ai-grid-cards { display:grid; gap:14px; grid-template-columns: repeat( auto-fill, minmax(260px, 1fr) ); }
.ai-chip { background:#421012; color:#ffdcdc; padding:4px 8px; border-radius:999px; font-size:.8rem; }

#ai-music-wizard.ai-loading { opacity:.7; pointer-events:none; }




/* keep your existing file, then append these if not present */
.ai-block { margin-top: 6px; }
#ai-instrumental-result audio { width: 100%; margin-top: 8px; }

input:hover, select:hover {
    cursor: pointer;
}

.ai-container button {
    padding: 5px 40px 5px 40px !important;
}




h3.wc-block-components-product-name, .wps_recurring_bifurcation_wrapper h4{
    font-size: 18px !important;
}

.wps_recurring_bifurcation_wrapper h4, .wps_recurring_bifurcation_wrapper ul {
    padding-left: 16px;
}

main#content .page-header h1.entry-title {
    font-size: 50px;
    font-family: 'dashicons';
    border-bottom: 1px solid #520d0d;
    padding: 15px 0px 20px 0px;
}

form.wc-block-components-form label, label.wc-blocks-components-select__label{
    color: #190303 !important;
}

form.wc-block-components-form div.wc-block-components-checkbox label, form.wc-block-components-form label.wc-block-components-radio-control__option, .wc-block-components-address-card__address-section{
    color: #ffffff !important;
}