/*
 * Giverny Guide — Main Stylesheet
 * Imports style.css and adds component-specific overrides
 */
@import url('../../style.css');

/* ============================================================
   PRINT STYLES
   ============================================================ */
@media print {
  .site-header, .site-footer, .cta-banner,
  .gyg-widget-section, .trust-bar, .lang-switcher,
  .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
   ============================================================ */
.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;
}

/* ============================================================
   FAQ ANIMATION
   ============================================================ */
.faq-answer.open { animation: fadeIn 0.2s ease; }
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================================
   GYG WIDGET 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; }

/* ============================================================
   LANG BODY CLASSES — RTL-ready hook
   ============================================================ */
body.lang-ja { word-break: break-all; }

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