/* ========== SCOPE (LIGHT THEME) ========== */
.route-modern {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial;
    padding: 5px;
}
.route-modern *{ box-sizing:border-box }

/* Links/Text */
.route-modern a{ color:#0b5be1; text-decoration:none }
.route-modern a:hover{ color:#0847b3; text-decoration:underline }
.route-modern h1,.route-modern h2{ line-height:1.25; margin:0 0 12px; color:#0b2c6b }
.route-modern h1{ font-size:clamp(26px,3.2vw,40px); letter-spacing:.2px; font-weight:800; display:flex; gap:10px; align-items:center }
.route-modern h2{ font-size:clamp(18px,2.1vw,24px); font-weight:800; display:flex; align-items:center; gap:10px; margin-top:5px }
.route-modern p {
}
.route-modern .tx-tt {
    font-size: 16px;
    color: #334155;
    background: var(--chip);
    border: 1px solid #cfe0ff;
    padding: 7px 12px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(11, 59, 169, .08);
}
.gallery .gallery-item a {
   border-bottom: none!important;
}

.route-modern #plan {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.61);
    padding: 10px;
}

.route-modern #faq {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.61);
    padding: 10px;
	margin-top: 20px;
}
.route-modern #faq p {
    margin-top: 15px;
}

/* Праворуч іконка відкриття/закриття для summary */
.route-modern summary {
  position: relative;
}

/* Псевдоелемент з іконкою FA5 Pro: chevron-down (\f078) */
.route-modern summary::after {
  content: "\f078";                 /* chevron-down */
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;                 /* 400 (Regular). Використай 900 для Solid або 300 для Light */
  display: inline-block;
  margin-left: auto;                /* відштовхуємо іконку вправо */
  transition: transform .2s ease;   /* плавний поворот */
}

/* При відкритому details — розвертаємо іконку вгору */
.route-modern details[open] > summary::after {
  transform: rotate(180deg);
}

/* Simple layout holder */
.route-modern .grid{ display:grid; gap:14px }
.route-modern .grid.cols-2{ grid-template-columns:repeat(2,minmax(0,1fr)) }
.route-modern .grid.cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)) }
@media (max-width:900px){ .route-modern .grid.cols-2,.route-modern .grid.cols-3{ grid-template-columns:1fr } }

/* Header badges */
.route-modern .header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    justify-content: end;
    margin-bottom: 12px;
}
.route-modern .badges{ display:flex; gap:8px; flex-wrap:wrap }
.route-modern .badge {
}

/* Chips row (виділені, але світлі) */
.route-modern .chips {
    display: inline-block;
    margin: 10px 0 16px;
}
.route-modern .chip{
  background:var(--chip); border:1px solid #cfe0ff; color:#0b3aa9;margin-bottom: 10px;
  padding:7px 12px; border-radius:999px; font-size:12px; display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  box-shadow:0 4px 10px rgba(11,59,169,.08)
}

/* Layout holder (ви залишили inline-block — так і лишаю) */
.route-modern .layout{ display:inline-block }
@media (max-width:1024px){ .route-modern .layout{ display:block } }

/* TOC (якщо використовується) — світлий */
.route-modern .toc{ position:sticky; top:12px; align-self:start; background:rgba(255,255,255,.95);
  backdrop-filter:saturate(1.1) blur(6px); border:1px solid #e6ecf5; padding:14px; border-radius:var(--radius); box-shadow:var(--shadow) }
.route-modern .toc h3{ margin:0 0 8px; font-size:14px; letter-spacing:.3px; color:#334155 }
.route-modern .toc a{ display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:10px; margin:4px 0; font-size:14px; border:1px solid transparent; color:#0b2c6b }
.route-modern .toc a:hover{ background:#f5f8ff; border-color:var(--ring) }

/* Progress bar (світлий) */
.route-modern .progress{ position:fixed; left:0; top:0; height:3px; width:0; background:linear-gradient(90deg,var(--brand),var(--brand-2)); z-index:9999; box-shadow:0 0 12px rgba(37,99,235,.35) }

/* Cards (світлі, елегантні) */
.route-modern .castle {
    border: 1px solid #e6ecf5;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.61);
    padding: 10px;
}
.route-modern .castle-inner{
  display:grid; grid-template-columns:320px 1fr;
}
@media (max-width:900px){ .route-modern .castle-inner{ grid-template-columns:1fr } }

/* ========== MEDIA: фото на весь свій блок ========== */
.route-modern .pic_block{position:relative; height:100%; align-self:stretch }
.route-modern .media-frame{
  position:relative; width:100%; height:100%;
}
/* Забираємо будь-які внутрішні відступи/маржі галереї WP */
.route-modern .pic_block [class*="gallery"], .route-modern .pic_block figure{ margin:0 !important; padding:0 !important; height:100% !important; width:100% !important; display:block !important }
.route-modern .media-frame > *, .route-modern .pic_block [class*="gallery"] > *{ height:100% !important; width:100% !important; display:block !important }
.route-modern .media-frame img, .route-modern .pic_block [class*="gallery"] img{
  width:100% !important; height:100% !important; object-fit:cover !important; display:block !important
}
/* Тег на фото — світлий і читабельний */
.route-modern .tag{
  position:absolute; left:10px; top:10px; background:#ffffff; color:#1f2937;
  border:1px solid #e6ecf5; padding:6px 10px; font-size:12px; border-radius:999px; display:flex; gap:6px; align-items:center; z-index:99;
  box-shadow:0 6px 20px rgba(15,23,42,.08);
  height: auto !important;
  width: auto !important;
}

/* Content side (світлі пілли/факти) */
.route-modern .opis_block{ padding: 0px 16px 0px; }
.route-modern .titl_2 a {
    font-size: clamp(18px, 1.9vw, 22px);
    font-weight: 800;
    color: #0b2c6b !important;
    border-bottom: none !important;
}
.route-modern .titl_2 a:hover{ color: #0b5be1 !important; text-decoration: none!important; }
.route-modern .meta{ display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 10px }
.route-modern .meta .pill{
  font-size:12px; padding:6px 10px; background:#f8fafc; border:1px solid #e6ecf5; border-radius:999px; display:inline-flex; align-items:center; gap:6px; color:#334155
}
.route-modern .meta .pill i{
  color: #1fcb00;
}
.route-modern .stats{ display:flex; gap:16px; margin:8px 0 6px; font-size:12px; color:#475569 }
.route-modern .two {
    font-size: 16px;
    color: #334155;
    background: var(--chip);
    border: 1px solid #cfe0ff;
    padding: 7px 12px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(11, 59, 169, .08);
}

/* Quick facts list */
.route-modern .facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px }
@media (max-width:640px){ .route-modern .facts{ grid-template-columns:1fr } }
.route-modern .fact {
    background: #9085ef1f;
    border: 1px solid #e6ecf5;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 16px;
    display: inline-block;
    color: #334155;
}
.route-modern .fact i {
    color: #bf44d5;
}

/* CTA / info (світла) */
.route-modern .cta{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:space-between;
  background:linear-gradient(180deg,#ffffff,#f4f8ff); border:1px solid #e6ecf5; padding:14px; border-radius:14px; margin:10px 0 4px; box-shadow:0 8px 18px rgba(37,99,235,.08)
}
.route-modern .cta .btn{
  appearance:none; border:none; outline:none; padding:10px 14px; border-radius:12px;
  background:linear-gradient(90deg,#2563eb,#5b8cff); color:#fff; font-weight:700; cursor:pointer; box-shadow:0 6px 18px rgba(37,99,235,.25)
}
.route-modern .cta .btn:hover{ transform:translateY(-1px) }

/* Accordion (FAQ) — світлий */
.route-modern details{ background:#ffffff; border:1px solid #e6ecf5; border-radius:12px; padding:10px 12px; transition:.2s border-color,.2s box-shadow; box-shadow:0 6px 16px rgba(15,23,42,.05) }
.route-modern details+details{ margin-top:8px }
.route-modern details[open]{ border-color:var(--ring); box-shadow:0 10px 22px rgba(37,99,235,.08) }
.route-modern summary{ cursor:pointer; list-style:none; display:flex; gap:8px; align-items:center; font-weight:700; color:#444444; }
.route-modern summary::-webkit-details-marker{ display:none }

/* Footer tips cards — світлі */
.route-modern .tips .card {
    background: #def7e8;
    border: 1px solid #e6ecf5;
    border-radius: 12px;
    padding: 12px;
    display: grid;
    gap: 8px;
    box-shadow: 0 8px 16px rgba(15, 23, 42, .06);
}

@media (max-width: 901px) {
.route-modern .chip {
    padding: 4px 8px;
    margin-bottom: 10px;
}
.route-modern .chips {
    text-align: center;
}
.route-modern .titl_2 {
    margin-top: 20px;
}
.route-modern .meta {
    display: inline-block;
    text-align: center;
}
.route-modern .meta .pill {
    padding: 4px 6px;
    margin-bottom: 10px;
}
}