body[class*="contact"] {
  background: var(--ss-bg);
}

body[class*="contact"] h1, body[class*="contact"] h2, .page-contact h1, .page-contact h2 {
  color: #fff;
  text-shadow: 0 0 22px rgba(255, 0, 0, .30);
}

body[class*="contact"] .entry-content, .page-contact .entry-content {
  color: var(--ss-text-soft);
}

.contact-card, .contact-info, .contact-form-wrap {
  background: linear-gradient(180deg, #121212, #070707);
  border: 1px solid rgba(255, 0, 0, .22);
  border-radius: var(--ss-radius-lg);
  box-shadow: var(--ss-shadow-red-soft);
}

/* ===== SS V7 contact polish: readable dark/red info cards ===== */
.contact-info__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:18px; margin:26px 0; }
.contact-info__item{ background:linear-gradient(180deg,#141414,#080808); border:1px solid rgba(255,0,0,.22); border-radius:14px; padding:18px 20px; }
.contact-info__label{ color:var(--ss-red,#ff0000); font-weight:900; letter-spacing:.08em; text-transform:uppercase; font-size:13px; margin-bottom:6px; }
.contact-info__value, .contact-info__value *{ color:#fff !important; font-size:15px; line-height:1.55; }
.contact-info__value a:hover{ color:var(--ss-red,#ff0000) !important; }
.contact-hours__list, .contact-hours__list *{ color:#ddd; }
.contact-hours__subtitle{ color:#bbb; }
.contact-section-title{ color:#fff; }
.contact-notice{ background:linear-gradient(180deg,#141414,#080808); border:1px solid rgba(255,0,0,.22); border-radius:14px; padding:18px 20px; }
.contact-notice__title{ color:var(--ss-red,#ff0000); font-weight:900; text-transform:uppercase; }
.contact-notice__text{ color:#ddd; }

/* ===== SS V10: contact page readable (labels/hours/titles light; fields stay dark-on-white) ===== */
.contact-section-title { color:#ffffff !important; }
.contact-form__field label, .contact-form__wrapper label, .contact-form label { color: var(--ss-text-soft,#dddddd) !important; }
.contact-hours__list, .contact-hours__list *, .contact-hours__subtitle, .contact-hours__day, .contact-hours__time { color: var(--ss-text-soft,#dddddd) !important; }
.contact-form__field input:not([type="checkbox"]):not([type="radio"]),
.contact-form__field select, .contact-form__field textarea { color:#111 !important; background:#ffffff !important; }
.contact-form__field input::placeholder, .contact-form__field textarea::placeholder { color:#666 !important; }
.dag-phone-prefix { color:#111 !important; }

/* ===== SS V11: contact decisive — dark form/hours containers + readable text ===== */
.contact-content, .contact-section, .contact-hours, .contact-hours-section,
.contact-form, .contact-form-section, main.contact-page, .contact-page { background: var(--ss-bg,#050505) !important; }
.contact-form__wrapper {
  background: linear-gradient(180deg,#141414,#080808) !important;
  border: 1px solid rgba(255,0,0,.22) !important;
  border-radius: 16px !important;
  padding: 26px 28px !important;
}
h2.contact-section-title, .contact-section-title, .contact-section-title.home-contact__title { color:#ffffff !important; }
.contact-form__wrapper label, .contact-form__field label, .contact-form label, .contact-page label,
.home-contact__field label { color:#ffffff !important; }
.contact-form__note, .contact-form__note.home-contact__note { color:#bbbbbb !important; }
.contact-hours__list, .contact-hours__list *, .contact-hours__subtitle,
.contact-hours, .contact-hours *, .contact-hours__day, .contact-hours__time { color:#dddddd !important; }
.contact-form__field input:not([type="checkbox"]):not([type="radio"]),
.contact-form__field select, .contact-form__field textarea { color:#111111 !important; background:#ffffff !important; }
.contact-form__field input::placeholder, .contact-form__field textarea::placeholder { color:#666666 !important; }
.contact-form__checkbox, .contact-form__row--inline span { color:#dddddd !important; }

/* ===== SS V7: restore content container (dropped during S3.4b modularization) ===== */
.contact-page .contact-container{
  width:100%; max-width:1140px;
  margin-left:auto; margin-right:auto;
  padding-left:24px; padding-right:24px;
}

/* SS 2026-06-08: hero bg cover (rule was dropped in S3.4b modularization -> tiled) */
.contact-hero{ background-size:cover; background-position:center; background-repeat:no-repeat; }

/* iz-css-clean contact-mobile: stack the 3-col info grid + tame the hero on phones */
@media (max-width: 820px){
  .contact-info__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .contact-hero{padding:96px 0 72px;}
  .contact-hero__title{font-size:34px;margin-bottom:22px;}
}
@media (max-width: 560px){
  .contact-info__grid{grid-template-columns:1fr;}
  .contact-hero{padding:80px 0 60px;}
  .contact-hero__title{font-size:26px;letter-spacing:.06em;margin-bottom:18px;}
  .contact-hero__buttons{flex-wrap:wrap;gap:12px;justify-content:center;}
  .contact-hero__buttons .contact-btn{flex:1 1 auto;text-align:center;}
}