/* ==========================================================================
   Galaxy & Anchor — order-form.css
   Extends style.css for the order page only (plan picker + password
   fields). Doesn't touch style.css itself, so it's safe to drop in
   without risking anything already live on the site.
   ========================================================================== */

/* .contact-form already styles input[type="text"/"email"]/textarea —
   password fields need the same treatment since the base stylesheet
   doesn't have a contact form field of that type. */
.contact-form input[type="password"]{
    width:100%;
    background:rgba(255,255,255,.03);
    border:1px solid var(--line-strong);
    border-radius:4px;
    padding:14px 16px;
    color:var(--starlight);
    font-family:'Inter',sans-serif;
    font-size:.95rem;
    transition:.3s;
}

.contact-form input[type="password"]::placeholder{
    color:var(--parchment);
    opacity:.55;
}

.contact-form input[type="password"]:focus{
    outline:none;
    border-color:var(--gold);
    background:rgba(255,255,255,.05);
}

/* ---- Plan picker ---- */

.plan-picker{
    max-width:560px;
    margin:0 auto 20px;
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
    gap:14px;
}

.plan-option{
    display:block;
    cursor:pointer;
    text-align:left;
}

.plan-option input[type="radio"]{
    position:absolute;
    opacity:0;
    width:0;
    height:0;
}

.plan-option-body{
    display:block;
    padding:18px;
    border-radius:4px;
    border:1px solid var(--line-strong);
    background:rgba(255,255,255,.03);
    transition:.3s;
}

.plan-option:hover .plan-option-body{
    border-color:var(--gold);
}

.plan-option input:checked + .plan-option-body{
    border-color:var(--gold);
    background:rgba(232,199,126,.08);
    box-shadow:0 0 0 1px var(--gold);
}

.plan-option-name{
    display:block;
    font-family:'Cormorant Garamond',serif;
    font-weight:600;
    font-size:1.15rem;
    color:var(--starlight);
    margin-bottom:4px;
}

.plan-option-price{
    display:block;
    font-family:'Cormorant Garamond',serif;
    font-size:1.35rem;
    font-weight:600;
    color:var(--gold-bright);
    margin-bottom:6px;
}

.plan-option-price em{
    font-style:normal;
    font-family:'Inter',sans-serif;
    font-size:.72rem;
    font-weight:500;
    color:var(--parchment);
    opacity:.7;
}

.plan-option-desc{
    display:block;
    font-family:'Inter',sans-serif;
    font-size:.82rem;
    color:var(--parchment);
    opacity:.85;
}

.order-login-note{
    max-width:560px;
    margin:20px auto 0;
    text-align:center;
    font-size:.88rem;
    color:var(--parchment);
}

.order-login-note a{
    color:var(--gold);
    text-decoration:underline;
}

@media(max-width:600px){
    .plan-picker{
        grid-template-columns:1fr;
    }
}