/* ============================================================
   ALDACO BV — css/pages/contact.css
   ============================================================ */
.contact-hero{background:var(--black);padding:calc(var(--nav-h) + 80px) 0 100px;position:relative;overflow:hidden}
.contact-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(184,147,90,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(184,147,90,0.05) 1px,transparent 1px);background-size:80px 80px}
.contact-hero-inner{position:relative;z-index:1;max-width:760px}
.contact-hero h1{font-size:clamp(2.8rem,6vw,5rem);color:var(--warm-off-white);font-weight:300;line-height:1.1;margin-bottom:24px}
.contact-hero h1 em{font-style:italic;color:var(--gold-light)}
.contact-hero p{font-size:1.1rem;color:rgba(246,242,234,0.65);max-width:520px;line-height:1.75}

.contact-body{background:var(--warm-off-white);padding:110px 0;position:relative}
.contact-inner{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.contact-info h2{font-size:1.8rem;color:var(--black);font-weight:300;margin-bottom:8px}
.contact-info>p{font-size:0.95rem;color:var(--text-muted);margin-bottom:48px;line-height:1.7}
.contact-details{display:flex;flex-direction:column;gap:0}
.contact-detail{display:flex;align-items:flex-start;gap:20px;padding:22px 0;border-bottom:1px solid var(--border)}
.contact-detail:first-child{border-top:1px solid var(--border)}
.contact-detail-icon{width:44px;height:44px;background:var(--cream);border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:background 0.3s,border-color 0.3s}
.contact-detail:hover .contact-detail-icon{background:var(--gold);border-color:var(--gold)}
.contact-detail-text label{display:block;font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}
.contact-detail-text a,.contact-detail-text span{font-size:0.95rem;color:var(--charcoal);font-weight:400;transition:color 0.2s}
.contact-detail-text a:hover{color:var(--gold)}
.contact-social{margin-top:40px}
.contact-social label{font-size:0.68rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);display:block;margin-bottom:16px}
.social-links{display:flex;gap:12px}
.social-link{width:44px;height:44px;border:1px solid var(--border);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:0.85rem;color:var(--charcoal);transition:all 0.3s}
.social-link:hover{background:var(--gold);border-color:var(--gold);color:var(--white)}

.contact-form-wrap{background:var(--white);border:1px solid var(--border);border-radius:2px;padding:52px 48px}
.contact-form-wrap h3{font-size:1.6rem;color:var(--black);font-weight:400;margin-bottom:8px}
.contact-form-wrap>p{font-size:0.9rem;color:var(--text-muted);margin-bottom:36px;line-height:1.7}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.form-group.full{grid-column:span 2}
.form-group label{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border);background:var(--warm-off-white);border-radius:2px;font-family:var(--font-body);font-size:0.92rem;color:var(--charcoal);outline:none;transition:border-color 0.2s,background 0.2s;appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);background:var(--white)}
.form-group textarea{resize:vertical;min-height:120px}
.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237A7A68' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.form-submit{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.form-note{font-size:0.78rem;color:var(--text-muted)}
.form-success{display:none;text-align:center;padding:60px 40px}
.form-success.show{display:block}
.form-success h3{font-size:2rem;color:var(--black);font-weight:300;margin-bottom:12px}
.form-success p{color:var(--text-muted);margin-bottom:32px}

@media(max-width:900px){.contact-inner{grid-template-columns:1fr;gap:48px}}
@media(max-width:640px){.contact-hero{padding:calc(var(--nav-h) + 40px) 0 72px}}
@media(max-width:560px){
  .form-row{grid-template-columns:1fr}
  .form-group.full{grid-column:span 1}
  .contact-form-wrap{padding:32px 24px}
  .form-submit{flex-direction:column;align-items:stretch}
  .form-submit .btn{width:100%;justify-content:center}
  .form-note{text-align:center}
  .form-success{padding:40px 20px}
}