/*
 * Best Giverny Tours — Main Stylesheet
 * Imports style.css (theme root) and adds additional component styles
 */
@import url('../../style.css');

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
  .site-header,
  .site-footer,
  .cta-banner,
  .gyg-widget-section,
  .affiliate-box,
  .trust-bar,
  .sidebar,
  .btn { display: none !important; }

  body { font-size: 11pt; color: #000; }
  a { color: #000; text-decoration: underline; }
  h1, h2, h3 { color: #000; page-break-after: avoid; }
  p, li { orphans: 3; widows: 3; }
}

/* ============================================================
   SKIP LINK (accessibility)
   ============================================================ */
.skip-link {
  position: absolute;
  top: -100px;
  left: 0;
  background: var(--color-primary);
  color: white;
  padding: 0.5rem 1rem;
  z-index: 9999;
  transition: top 0.2s;
}
.skip-link:focus {
  top: 0;
}

/* ============================================================
   SCREEN READER ONLY
   ============================================================ */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* ============================================================
   SMOOTH CONTENT TRANSITIONS
   ============================================================ */
.faq-answer {
  animation: fadeIn 0.2s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   GYG WIDGET OVERRIDE (ensure responsive)
   ============================================================ */
.gyg-widget-wrapper iframe,
.gyg-widget-wrapper > div {
  max-width: 100%;
}

/* ============================================================
   TOC ACTIVE STATE
   ============================================================ */
.toc a.active {
  color: var(--color-primary);
  font-weight: 600;
}

/* ============================================================
   STRUCTURED DATA / RICH SNIPPET HELPERS
   ============================================================ */
[itemscope] { display: block; }