/* ═══════════════════════════════════════════════════════
 * Dell Wall Technologies — Child Theme Stylesheet
 * Loaded after the parent stylesheet. Overrides go here.
 * ═══════════════════════════════════════════════════════ */

/* ── Breadcrumbs (output by dwchild_build_breadcrumbs via template) ── */
.dw-breadcrumbs {
  font-family: var(--font-display);
  font-size: 0.8rem;
  color: var(--mid);
  margin: 100px 0 0;
  padding: 0 32px 16px;
  max-width: var(--max);
  margin-left: auto;
  margin-right: auto;
}
.dw-breadcrumbs a {
  color: var(--cobalt);
  transition: color 0.2s;
}
.dw-breadcrumbs a:hover { color: var(--cobalt-dk); text-decoration: underline; }
.dw-breadcrumbs .sep { margin: 0 8px; color: var(--border); }
.dw-breadcrumbs .current { color: var(--charcoal); font-weight: 500; }

/* The breadcrumb now provides the fixed-nav clearance (margin-top: 100px),
   so remove the parent theme's duplicate top padding on these templates. */
.page-content,
.blog-single,
.blog-archive {
  padding-top: 0;
}


/* ── Contact form status messages (sent / error) ───────────────────── */
.dw-form-status {
  padding: 14px 20px;
  border-radius: var(--radius);
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 20px;
  display: none;
}
.dw-form-status.dw-status-sent {
  background: #E5F7EE;
  color: #0C7A43;
  border: 1px solid #BFEAD3;
}
.dw-form-status.dw-status-error {
  background: #FDECEC;
  color: #B3261E;
  border: 1px solid #F6CACA;
}
.dw-form-status.is-visible { display: block; }


/* ── Skip link (referenced by parent header, defined here for child override) ── */
.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  background: var(--cobalt);
  color: var(--white);
  padding: 12px 20px;
  border-radius: var(--radius);
  font-weight: 600;
  z-index: 999;
  transition: top 0.2s;
  font-family: var(--font-display);
  font-size: 0.875rem;
}
.skip-link:focus { top: 16px; }


/* ── Visually distinguish CPT admin-bar links on front end for editors ── */
.admin-bar .project-card,
.admin-bar .service-list-item {
  position: relative;
}


/* ── Print styles — useful for proposal/portfolio pages printed to PDF ── */
@media print {
  #nav, .cta-band, .hero-signal, .hero-grid, footer { display: none !important; }
  #hero { min-height: auto; padding: 40px 0; background: var(--white); }
  .hero-title, .hero-sub { color: var(--charcoal) !important; }
  .hero-title em { color: var(--cobalt) !important; }
  .section-dark, .why-card { background: var(--white) !important; color: var(--charcoal) !important; }
  .section-dark h2, .why-card h3 { color: var(--charcoal) !important; }
  .why-card p { color: var(--mid) !important; }
}


/* ── Reduced motion already handled in parent; child respects it too ── */
@media (prefers-reduced-motion: reduce) {
  .dw-form-status { transition: none; }
}