/*
 * AI-Cazare.ro — Pagina Contact
 * Fișier: /assets/css/pages/contact.css
 *
 * Folosit doar de pages/contact.php
 */

/* ── Container principal + grid 2 coloane ────────────────────── */
.ct-wrap{max-width:960px;margin:0 auto;padding:36px 20px 80px}
.ct-grid{
    display:grid;
    grid-template-columns:1fr 300px;
    gap:24px;
    align-items:start;
}
@media(max-width:720px){
    .ct-grid{grid-template-columns:1fr}
}

/* ── Card alb (formă + sidebar) ──────────────────────────────── */
.ct-card{
    background:#fff;
    border:1px solid #e8eef4;
    border-radius:16px;
    padding:28px;
    box-shadow:0 1px 6px rgba(0,0,0,.05);
}

/* ── Form controls custom ────────────────────────────────────── */
.ct-label{
    display:block;
    font-size:11px;font-weight:700;color:#374151;
    text-transform:uppercase;letter-spacing:.4px;
    margin-bottom:5px;
}
.ct-ctrl{
    width:100%;height:42px;
    border:1.5px solid #e2e8f0;border-radius:10px;
    padding:0 14px;
    font-family:'Inter',sans-serif;font-size:13px;color:#1e293b;
    background:#f8fafc;
    outline:none;box-sizing:border-box;
    transition:border-color .15s;
}
.ct-ctrl:focus{border-color:#f97316;background:#fff}

/* Select custom cu săgeată SVG inline */
.ct-ctrl-sel{
    appearance:none;cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 12px center;
}
textarea.ct-ctrl{height:130px;padding:12px 14px;resize:vertical}
.ct-fgroup{margin-bottom:14px}

/* ── Card "motiv" (success state când selectezi motivul) ─────── */
.ct-motiv-card{
    display:none;
    background:#f0fdf4;
    border:1.5px solid #bbf7d0;
    border-radius:12px;
    padding:14px 16px;margin-bottom:16px;
    font-size:13px;color:#166534;
    gap:10px;align-items:flex-start;
}
.ct-motiv-card.show{display:flex}

/* ── Info items în sidebar (Email, Telefon, Adresă) ──────────── */
.ct-info-item{
    display:flex;align-items:center;gap:12px;
    padding:11px 0;
    border-bottom:1px solid #f8fafc;
}
.ct-info-item:last-child{border-bottom:none}
.ct-info-icon{
    width:38px;height:38px;border-radius:10px;
    background:#fff7ed;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
    color:#f97316;font-size:15px;
}