/*
 * contact.css — Contact Us page (resources/views/pages/contact.blade.php).
 * Prototype reference: docs/frontend/Contact.dc.html (look & feel only).
 */

/* ------------------------------------------------------------------- hero */
.dpd-contact-hero { padding-block:48px; }
.dpd-contact-hero__title { color:#fff; font-size:clamp(1.65rem, 4vw, 2.6rem); margin-bottom:.9rem; }
.dpd-contact-hero__text { color:rgba(255,255,255,.65); font-size:.95rem; line-height:1.6; margin:0; }
.dpd-contact-hero__text a { color:var(--dpd-cyan); font-weight:600; }
.dpd-contact-hero__text p { margin:0; }
.dpd-contact-panel__intro p, .dpd-contact__note p, .dpd-contact-hours__note p { margin:0; }

/* ------------------------------------------------------------------- body */
.dpd-contact { background:var(--dpd-offwhite); padding-block:40px 80px; }
.dpd-contact__grid { display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:24px; align-items:start; }
@media (max-width:991.98px) { .dpd-contact__grid { grid-template-columns:minmax(0, 1fr); } }

.dpd-contact-panel { background:#fff; border-radius:14px; box-shadow:var(--dpd-shadow-sm); padding:32px; }
@media (max-width:575.98px) { .dpd-contact-panel { padding:22px 18px; } }
.dpd-contact-panel__title { font-size:1.2rem; margin-bottom:6px; }
.dpd-contact-panel__intro { font-size:.88rem; color:var(--dpd-muted); margin-bottom:24px; }
.dpd-contact-panel__intro a { font-weight:600; }

/* ------------------------------------------------------------------- form */
.dpd-contact__label { display:block; font-size:.82rem; font-weight:700; color:var(--dpd-navy); margin-bottom:6px; }
.dpd-contact__optional { font-weight:400; color:var(--dpd-label); }
.dpd-contact .form-select {
    border:1.5px solid var(--dpd-border); border-radius:.5rem; padding:.7rem 2.25rem .7rem .9rem; color:var(--dpd-navy); cursor:pointer;
}
.dpd-contact .form-select:focus { border-color:var(--dpd-magenta); box-shadow:0 0 0 .18rem rgba(233,30,140,.14); }
.dpd-contact textarea.form-control { resize:vertical; line-height:1.5; min-height:150px; }
.dpd-contact__submit { padding-block:15px; border-radius:10px; font-size:.95rem; }
.dpd-contact__note { font-size:.75rem; color:var(--dpd-label); text-align:center; margin:8px 0 0; }

.dpd-contact-sent { text-align:center; padding-block:32px; }
.dpd-contact-sent__ico { width:60px; height:60px; margin:0 auto 16px; border-radius:999px; background:rgba(22,163,74,.12); color:var(--dpd-green); display:flex; align-items:center; justify-content:center; }
.dpd-contact-sent__title { font-size:1.3rem; margin-bottom:8px; }
.dpd-contact-sent__text { color:var(--dpd-muted); font-size:.92rem; margin:0 auto 22px; max-width:420px; }

/* ---------------------------------------------------------------- sidebar */
.dpd-contact__aside { display:flex; flex-direction:column; gap:14px; }

.dpd-contact-details { background:var(--dpd-navy); border-radius:14px; padding:24px; color:#fff; }
.dpd-contact-details__title { color:#fff; font-size:.95rem; margin-bottom:16px; }
.dpd-contact-details__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:14px; }
.dpd-contact-details__item { display:flex; gap:12px; align-items:flex-start; }
.dpd-contact-details__ico { width:36px; height:36px; border-radius:8px; background:rgba(255,255,255,.1); color:var(--dpd-cyan); display:flex; align-items:center; justify-content:center; flex:none; }
.dpd-contact-details__label { font-size:.72rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.5); margin:0 0 2px; }
.dpd-contact-details__value { display:block; font-size:.92rem; font-weight:700; color:#fff; margin:0; word-break:break-word; }
a.dpd-contact-details__value:hover { color:var(--dpd-cyan); }
.dpd-contact-details__sub { font-size:.75rem; color:rgba(255,255,255,.45); margin:2px 0 0; }

.dpd-contact-links__title { font-size:.88rem; margin-bottom:14px; }
.dpd-contact-links { display:flex; flex-direction:column; gap:8px; }
.dpd-contact-links a { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 12px; border-radius:8px; font-size:.82rem; font-weight:600; background:var(--dpd-offwhite); color:var(--dpd-navy); }
.dpd-contact-links a:hover { background:#e7ebf1; color:var(--dpd-navy); }
.dpd-contact-links a.is-accent { background:#FFF0F8; color:var(--dpd-magenta); }
.dpd-contact-links a.is-accent:hover { background:#FFE0F1; }

.dpd-contact-hours { background:var(--dpd-offwhite); border:1.5px solid var(--dpd-border); border-radius:14px; padding:20px; }
.dpd-contact-hours__title { font-size:.82rem; font-weight:600; color:var(--dpd-navy); margin:0 0 8px; }
.dpd-contact-hours__list { margin:0; display:flex; flex-direction:column; gap:4px; font-size:.82rem; }
.dpd-contact-hours__row { display:flex; justify-content:space-between; gap:12px; }
.dpd-contact-hours__row dt { font-weight:400; color:var(--dpd-muted); }
.dpd-contact-hours__row dd { margin:0; font-weight:700; color:var(--dpd-navy); }
.dpd-contact-hours__row dd.is-closed { font-weight:600; color:var(--dpd-label); }
.dpd-contact-hours__note { margin:12px 0 0; padding:8px 10px; border-radius:6px; background:#E8F7FD; font-size:.75rem; font-weight:600; color:var(--dpd-navy); }