/* ===== Hosting payment page — public styles ===== */
/* Prefix: adw-hosting-pay-* */

:root {
    --adw-hp-bg-app: #0A0A0B;
    --adw-hp-bg-surface: #151518;
    --adw-hp-bg-header: #111113;
    --adw-hp-bg-hover: #1A1A1E;
    --adw-hp-bg-input: #151518;
    --adw-hp-border-default: #232326;
    --adw-hp-border-subtle: #2E2E32;
    --adw-hp-border-light: #1E1E20;
    --adw-hp-text-primary: #FFFFFF;
    --adw-hp-text-secondary: #E4E4E7;
    --adw-hp-text-muted: #9CA3AF;
    --adw-hp-text-dim: #6B7280;
    --adw-hp-accent: #FF8000;
    --adw-hp-error: #EF4444;
    --adw-hp-warning: #F59E0B;
    --adw-hp-success: #22C55E;
}

.adw-hosting-pay {
    max-width: 600px;
    margin: 40px auto;
    padding: 24px;
    font-family: 'Roboto', sans-serif;
    color: var(--adw-hp-text-secondary);
    background: var(--adw-hp-bg-surface);
    border: 1px solid var(--adw-hp-border-default);
    border-radius: 0;
}

.adw-hosting-pay__header {
    text-align: center;
    margin-bottom: 32px;
}

.adw-hosting-pay__header h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--adw-hp-text-primary);
}

.adw-hosting-pay__header p {
    margin: 4px 0;
    font-size: 15px;
}

.adw-hosting-pay__warning {
    color: var(--adw-hp-warning);
    font-weight: 600;
    padding: 12px;
    background: var(--adw-hp-bg-hover);
    border: 1px solid var(--adw-hp-border-subtle);
    border-radius: 0;
    margin-top: 12px;
}

.adw-hosting-pay__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
}

.adw-hosting-pay__table th {
    text-align: left;
    padding: 12px 16px;
    background: var(--adw-hp-bg-header);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--adw-hp-text-dim);
    border-bottom: 1px solid var(--adw-hp-border-default);
}

.adw-hosting-pay__table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--adw-hp-border-light);
    font-size: 15px;
    color: var(--adw-hp-text-secondary);
}

.adw-hosting-pay__subtotal td {
    font-weight: 600;
    color: var(--adw-hp-text-muted);
}

.adw-hosting-pay__total td {
    font-weight: 700;
    font-size: 18px;
    border-top: 1px solid var(--adw-hp-border-default);
    border-bottom: none;
    padding-top: 16px;
    color: var(--adw-hp-text-primary);
}

.adw-hosting-pay__actions {
    text-align: center;
    margin-top: 24px;
}

.adw-hosting-pay__btn {
    display: inline-block;
    padding: 14px 32px;
    background: var(--adw-hp-accent);
    color: var(--adw-hp-bg-app);
    border: none;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    transition: opacity 0.12s;
}

.adw-hosting-pay__btn:hover {
    opacity: 0.9;
}

.adw-hosting-pay__btn--secondary {
    background: transparent;
    color: var(--adw-hp-accent);
    border: 1px solid var(--adw-hp-accent);
    margin-left: 12px;
}

.adw-hosting-pay__btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.adw-hosting-pay__success {
    text-align: center;
    padding: 32px;
    background: var(--adw-hp-bg-hover);
    border: 1px solid var(--adw-hp-border-subtle);
    border-radius: 0;
}

.adw-hosting-pay__success p {
    margin: 8px 0;
    font-size: 16px;
    color: var(--adw-hp-text-secondary);
}

.adw-hosting-pay-error {
    max-width: 600px;
    margin: 40px auto;
    padding: 24px;
    text-align: center;
    color: var(--adw-hp-error);
    font-family: 'Roboto', sans-serif;
    background: var(--adw-hp-bg-surface);
    border: 1px solid var(--adw-hp-border-default);
    border-radius: 0;
}

.adw-hosting-pay-error h2 {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 12px;
    color: var(--adw-hp-error);
}