/* =========================================================
   Nixie | contact.css — استایل‌های اختصاصی صفحه ارتباط با ما
   این فایل به همراه style.css (استایل‌های مشترک هدر/فوتر/دکمه‌ها) استفاده می‌شود.
   ========================================================= */

/* =========================== Contact page =========================== */
.contact-info-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
.contact-info-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:26px 22px;text-align:center;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
}
.contact-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--rosegold);}
.contact-info-card .ic{
  width:52px;height:52px;border-radius:50%;background:var(--blush);color:var(--wine-900);
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.contact-info-card .ic svg{width:24px;height:24px;}
.contact-info-card h4{margin:0 0 6px;font-size:14.5px;font-weight:700;}
.contact-info-card p{margin:0 0 4px;font-size:13.5px;color:var(--ink);font-weight:600;}
.contact-info-card span{font-size:12px;color:var(--ink-soft);}

.contact-split{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start;}
.contact-form{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:40px;display:flex;flex-direction:column;gap:16px;
}
.contact-form .eyebrow{font-size:12.5px;font-weight:700;color:var(--gold);letter-spacing:1px;display:flex;align-items:center;gap:8px;}
.contact-form .eyebrow::before{content:'';width:18px;height:1px;background:var(--gold);}
.contact-form h3{margin:6px 0 4px;font-size:24px;font-weight:800;color:var(--wine-950);}
.form-sub{margin:0 0 6px;color:var(--ink-soft);font-size:13.5px;}
.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:var(--ink);}
.contact-form input,.contact-form select,.contact-form textarea{
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;
  font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--cream-2);resize:vertical;
  transition:border-color .25s,background .25s;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  outline:none;border-color:var(--rosegold);background:#fff;
}
.btn-solid.dark{
  background:var(--wine-900);color:#fff;align-self:flex-start;padding:14px 34px;
  box-shadow:0 14px 26px -12px rgba(122,33,64,.5);
}
.btn-solid.dark:hover{background:var(--wine-800);}
.form-note{font-size:13px;color:var(--gold);font-weight:600;min-height:18px;}

.contact-side{display:flex;flex-direction:column;gap:24px;}
.map-card{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);
}
.map-illustration{width:100%;display:block;}
.map-overlay{
  position:absolute;bottom:16px;right:16px;left:16px;background:#fff;border-radius:var(--radius-sm);
  padding:16px 18px;box-shadow:var(--shadow);
}
.map-overlay h5{margin:0 0 4px;font-size:13.5px;font-weight:800;color:var(--wine-950);}
.map-overlay p{margin:0;font-size:12px;color:var(--ink-soft);}
.faq-mini{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;}
.faq-mini h5{margin:0 0 14px;font-size:15px;font-weight:800;color:var(--wine-950);}
.faq-mini details{border-top:1px solid var(--line);}
.faq-mini details:last-child{border-bottom:1px solid var(--line);}
.faq-mini summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  padding:14px 2px;font-size:13.5px;font-weight:600;cursor:pointer;color:var(--ink);
}
.faq-mini summary::-webkit-details-marker{display:none;}
.faq-mini summary svg{width:12px;height:12px;transition:transform .25s var(--ease);flex:none;}
.faq-mini details[open] summary svg{transform:rotate(180deg);}
.faq-mini p{margin:0 0 16px;font-size:12.5px;color:var(--ink-soft);line-height:1.9;}


/* ---- ریسپانسیو ارتباط با ما ---- */
@media (max-width:1080px){
  .contact-info-grid{grid-template-columns:repeat(2,1fr);}
  .contact-split{grid-template-columns:1fr;}
}
@media (max-width:860px){
  .contact-form{padding:26px 22px;}
  .form-row.two{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .contact-info-grid{grid-template-columns:1fr 1fr;gap:14px;}
  .contact-info-card{padding:20px 14px;}
}

/* =========================== Nixie 2.0 contact polish =========================== */
.contact-info-grid{gap:16px}.contact-info-card{border-color:#eadced;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}.contact-info-card:hover{border-color:#d79cc9;box-shadow:0 22px 38px -26px rgba(101,31,133,.4)}.contact-info-card .ic{background:linear-gradient(145deg,#fce9f7,#eee1fb);color:#7e319f}.contact-split{gap:28px}.contact-form{border-color:#eadced;border-radius:24px;background:rgba(255,255,255,.84);box-shadow:var(--shadow-soft)}.contact-form .eyebrow{color:#b2619c}.contact-form h3{font-size:27px}.contact-form input,.contact-form select,.contact-form textarea{background:#fbf7fd;border-color:#eadced;border-radius:13px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#d38ac4;background:#fff;box-shadow:0 0 0 4px rgba(211,138,196,.12)}.btn-solid.dark{background:linear-gradient(120deg,#70259a,#c356a7);border:0;color:#fff;box-shadow:0 16px 28px -17px #632187}.btn-solid.dark:hover{background:linear-gradient(120deg,#531578,#d56bb0)}.map-card,.faq-mini{border-color:#eadced;border-radius:24px;box-shadow:var(--shadow-soft)}.map-overlay{border:1px solid #eadced}.faq-mini details{border-top-color:#eadced}

/* Center contact submit action on mobile */
@media(max-width:640px){
  .contact-form .btn-solid.dark{align-self:center;width:min(100%,260px);min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;margin:4px auto 0}
  .contact-form .form-note{text-align:center}
}