/* =============================================
   VZDUCHOPLAVECKÁ SPOLEČNOST – Vintage Theme
   "Zlatá éra vzduchoplavby" / Belle Époque
   Aktivace: klikněte 5× na logo v navigaci
   ============================================= */


/* ══════════════════════════════════════════════
   CUSTOM PROPERTIES
   ══════════════════════════════════════════════ */
body.vintage-mode {
  --sky-dark:    #221009;
  --sky-blue:    #8B6914;
  --sky-mid:     #C4961A;
  --sky-light:   #E4D098;
  --sunset:      #7C3A1A;
  --gold:        #9B7B1A;
  --gold-light:  #F0DCA8;
  --cream:       #F0E2BC;
  --white:       #F5E8C4;
  --text:        #1C0E08;
  --text-gray:   #6B4626;
  --border:      #C4A24A;
  --shadow:      0 4px 24px rgba(50,20,5,0.18);
  --radius:      0px;
  --radius-sm:   0px;
  --font:          'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
}

/* ══════════════════════════════════════════════
   ZÁKLADNÍ STYLY
   ══════════════════════════════════════════════ */
body.vintage-mode {
  font-family: var(--font);
  background-color: var(--cream);
  color: var(--text);
}

body.vintage-mode h1,
body.vintage-mode h2,
body.vintage-mode h3,
body.vintage-mode h4 {
}
body.vintage-mode h1 { font-weight: 900; color: var(--sky-dark); }
body.vintage-mode h2 { font-weight: 700; color: var(--sky-dark); }
body.vintage-mode h3 { font-weight: 600; color: var(--sky-blue); }
body.vintage-mode h4 { font-weight: 600; color: var(--text); }

body.vintage-mode a        { color: var(--sky-blue); }
body.vintage-mode a:hover  { color: var(--sunset); }

body.vintage-mode p { color: var(--text); }

/* ══════════════════════════════════════════════
   NAVIGACE
   ══════════════════════════════════════════════ */
body.vintage-mode .site-nav {
  background: var(--sky-dark);
  border-bottom: 3px solid var(--gold);
  box-shadow: 0 3px 0 #9B7B1A, 0 5px 18px rgba(0,0,0,0.45);
}
body.vintage-mode .site-nav::after {
  content: '\2756 \2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2500\2756';
  display: block;
  text-align: center;
  color: var(--gold);
  font-size: 0.48rem;
  letter-spacing: 0.05em;
  background: #2A1208;
  padding: 3px 0;
  overflow: hidden;
}

body.vintage-mode .nav-logo-name,
body.vintage-mode .nav-logo-text .line2 {
  font-style: italic;
  color: #E8C97A;
}
body.vintage-mode .nav-logo-text .line1 {
  color: #A0845A;
  letter-spacing: 0.12em;
  font-size: 0.62rem;
}

body.vintage-mode .nav-links a {
  color: #C8A96A;
  font-size: 0.68rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  border-radius: 0;
  padding: 0.45rem 0.35rem;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  white-space: nowrap;
}
body.vintage-mode .nav-links a:hover,
body.vintage-mode .nav-links a.active {
  background: transparent;
  color: #F0D99A;
  border-bottom-color: var(--gold);
}
body.vintage-mode .nav-links a.cta {
  background: var(--gold);
  color: #F5E4C0;
  border: 1px solid var(--gold);
  border-radius: 0;
  padding: 0.3rem 0.65rem;
  box-shadow: 2px 2px 0 #4A2A0C;
  margin-left: 0.2rem;
}
body.vintage-mode .nav-links a.cta:hover {
  background: var(--sky-mid);
  border-color: var(--sky-mid);
  box-shadow: 1px 1px 0 #4A2A0C;
  transform: translate(1px, 1px);
}

body.vintage-mode .lang-btn {
  background: transparent;
  border: 1px solid #5A3A18;
  color: #A0845A;
  border-radius: 0;
  letter-spacing: 0.1em;
  font-size: 0.68rem;
}
body.vintage-mode .lang-btn:hover {
  background: rgba(196,150,26,0.15);
  border-color: var(--gold);
  color: #E8C97A;
}

/* Mobile nav */
@media (max-width: 880px) {
  body.vintage-mode .nav-links {
    background: #2A1208;
    border-top: 1px solid #3D1E0A;
  }
  body.vintage-mode .nav-links a {
    border-bottom: 1px solid #3D1E0A;
    padding: 0.65rem 0.5rem;
  }
  body.vintage-mode .nav-toggle span {
    background: #C8A96A;
  }
}

/* ══════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════ */
body.vintage-mode .hero {
  background-color: #1E0C06 !important;
  filter: none;
}
body.vintage-mode .hero-inner::before {
  background: linear-gradient(135deg, rgba(20,8,2,0.80) 0%, rgba(90,40,10,0.55) 100%);
  border-radius: 0;
}

/* Ornamentální rám */
body.vintage-mode .hero-inner::after {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(196,150,26,0.35);
  pointer-events: none;
  z-index: 0;
}
body.vintage-mode .hero-inner > * { position: relative; z-index: 1; }

body.vintage-mode .hero-inner h1 {
  font-style: italic;
  font-weight: 900;
  color: #F5E4C0;
  text-shadow: 0 3px 30px rgba(0,0,0,0.9);
  letter-spacing: 0.02em;
}
body.vintage-mode .hero-inner p {
  font-style: italic;
  color: rgba(230,200,150,0.88);
  line-height: 1.85;
}
body.vintage-mode .hero-badge {
  background: rgba(139,105,20,0.3);
  border: 1px solid rgba(196,150,26,0.5);
  color: #E8C97A;
  border-radius: 0;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
}

/* ══════════════════════════════════════════════
   TLAČÍTKA
   ══════════════════════════════════════════════ */
body.vintage-mode .btn {
  border-radius: 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.72rem 1.8rem;
  transition: all 0.15s;
}
body.vintage-mode .btn-primary {
  background: var(--gold);
  border-color: var(--gold);
  color: #F5E4C0;
  box-shadow: 3px 3px 0 #4A2A0C;
}
body.vintage-mode .btn-primary:hover {
  background: var(--sky-mid); border-color: var(--sky-mid); color: #FFF8E8;
  box-shadow: 1px 1px 0 #4A2A0C; transform: translate(2px, 2px);
}
body.vintage-mode .btn-outline {
  background: transparent; border-color: rgba(240,220,170,0.55); color: #F0DCA8;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}
body.vintage-mode .btn-outline:hover {
  background: rgba(196,150,26,0.18); border-color: #E8C97A; color: #fff;
  box-shadow: 1px 1px 0 rgba(0,0,0,0.3); transform: translate(2px, 2px);
}
body.vintage-mode .btn-secondary {
  background: transparent; border-color: var(--gold); color: var(--gold);
  box-shadow: 3px 3px 0 rgba(100,60,10,0.15);
}
body.vintage-mode .btn-secondary:hover {
  background: var(--gold); color: #F5E4C0;
  box-shadow: 1px 1px 0 rgba(100,60,10,0.15); transform: translate(2px, 2px);
}
body.vintage-mode .btn-sky {
  background: var(--sunset); border-color: var(--sunset); color: #F5E4C0;
  box-shadow: 3px 3px 0 #2A1005;
}
body.vintage-mode .btn-sky:hover {
  background: var(--gold); border-color: var(--gold); color: #FFF8E8;
  box-shadow: 1px 1px 0 #2A1005; transform: translate(2px, 2px);
}
body.vintage-mode .btn-lg { padding: 0.9rem 2.2rem; font-size: 0.88rem; }

/* ══════════════════════════════════════════════
   SECTIONS
   ══════════════════════════════════════════════ */
body.vintage-mode .section-alt {
  background: #E8D4A0;
}
body.vintage-mode .section-dark {
  background: var(--sky-dark);
  border-top: 2px solid var(--gold);
  border-bottom: 2px solid var(--gold);
}
body.vintage-mode .section-title {
  position: relative;
  padding-bottom: 1rem;
}
body.vintage-mode .section-title::after {
  content: '\2756';
  display: block;
  text-align: center;
  color: var(--gold);
  font-size: 1.1rem;
  margin-top: 1rem;
  opacity: 0.45;
}

/* ══════════════════════════════════════════════
   KARTY
   ══════════════════════════════════════════════ */
body.vintage-mode .card {
  background: #F5E8C4;
  border: 1px solid var(--border);
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(100,60,10,0.14), var(--shadow);
  outline: 4px solid #F5E8C4;
  outline-offset: -8px;
  transition: box-shadow 0.2s, transform 0.2s;
}
body.vintage-mode .card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 rgba(100,60,10,0.18), var(--shadow);
}
body.vintage-mode .card-featured {
  border: 2px solid var(--gold);
  background: linear-gradient(160deg, #F5E8C0 0%, #F0E2BC 100%);
  outline-color: #F5E8C0;
}
body.vintage-mode .card-featured::before {
  display: none;
}
body.vintage-mode .card h3 {
  color: var(--sky-dark);
}
body.vintage-mode .card-price {
  color: var(--sunset);
  font-size: 1.5rem;
}
body.vintage-mode .card-subtitle {
  color: var(--gold) !important;
  font-style: italic;
}

/* ══════════════════════════════════════════════
   PAGE HEADER
   ══════════════════════════════════════════════ */
body.vintage-mode .page-header {
  background: var(--sky-dark) !important;
  border-bottom: 3px solid var(--gold);
  position: relative;
}
body.vintage-mode .page-header::after {
  content: '';
  position: absolute;
  inset: 12px 24px;
  border: 1px solid rgba(196,150,26,0.25);
  pointer-events: none;
}
body.vintage-mode .page-header h1 {
  color: #F5E4C0;
  text-shadow: 0 2px 20px rgba(0,0,0,0.6);
}
body.vintage-mode .page-header p {
  color: rgba(220,185,120,0.85);
  font-style: italic;
}

/* ══════════════════════════════════════════════
   KDO JSME (two-col)
   ══════════════════════════════════════════════ */
body.vintage-mode .two-col-img img {
  filter: sepia(0.4) contrast(1.04) brightness(0.97);
  border-radius: 0;
  box-shadow: 6px 6px 0 rgba(100,60,10,0.15), var(--shadow);
}

/* ══════════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════════ */
body.vintage-mode .testimonial {
  background: #F5E8C4;
  border-left: 4px solid var(--gold);
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(100,60,10,0.12);
}
body.vintage-mode .testimonial blockquote {
  font-style: italic;
  color: var(--text);
  line-height: 1.8;
}
body.vintage-mode .testimonial cite {
  color: var(--gold);
  font-size: 0.8rem;
}
body.vintage-mode .testimonial-avatar {
  border: 3px solid var(--gold);
  border-radius: 0;
}
body.vintage-mode .testimonial-more summary {
  color: var(--gold);
}

/* ══════════════════════════════════════════════
   GALERIE
   ══════════════════════════════════════════════ */
body.vintage-mode .gallery-preview img,
body.vintage-mode .gallery-preview a img {
  filter: sepia(0.45) contrast(1.05) brightness(0.95);
  border-radius: 0;
  transition: filter 0.4s;
}
body.vintage-mode .gallery-preview a:hover img {
  filter: sepia(0.1) contrast(1.1) brightness(1.02);
  transform: none;
}
body.vintage-mode .gallery-entry {
  border-radius: 0;
  border-color: var(--border);
  background: #F5E8C4;
  box-shadow: 3px 3px 0 rgba(100,60,10,0.1);
}
body.vintage-mode .gallery-entry img {
  filter: sepia(0.4) contrast(1.04);
}

/* ══════════════════════════════════════════════
   TAGS
   ══════════════════════════════════════════════ */
body.vintage-mode .tag {
  background: #E4D098;
  color: var(--sky-dark);
  border-radius: 0;
  border: 1px solid var(--gold);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
}
body.vintage-mode .tag-gold {
  background: #F0DCA8;
  color: var(--sky-dark);
  border-color: var(--gold);
}

/* ══════════════════════════════════════════════
   QUOTE
   ══════════════════════════════════════════════ */
body.vintage-mode .quote {
  border-left: 4px solid var(--gold);
  background: #F0E2BC;
  border-radius: 0;
  color: var(--text);
}

/* ══════════════════════════════════════════════
   CENÍK / PRICE CARDS
   ══════════════════════════════════════════════ */
body.vintage-mode .price-card {
  background: #F5E8C4;
  border: 2px solid var(--border);
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(100,60,10,0.12);
}
body.vintage-mode .price-card:hover {
  border-color: var(--gold);
  box-shadow: 6px 6px 0 rgba(100,60,10,0.15);
  transform: translate(-2px, -2px);
}
body.vintage-mode .price-card.featured,
body.vintage-mode .price-card-featured {
  border-color: var(--sunset);
  background: linear-gradient(160deg, #F5E4C0 0%, #F0E2BC 100%);
}
body.vintage-mode .price-card.featured::before {
  background: var(--sunset);
  border-radius: 0;
}
body.vintage-mode .price-card h3 {
  color: var(--text-gray);
  font-size: 0.88rem;
}
body.vintage-mode .price-card .amount,
body.vintage-mode .price-card .price {
  color: var(--sky-dark);
}
body.vintage-mode .price-card p {
  font-style: italic;
  color: var(--text-gray);
}
body.vintage-mode .price-card ul li::before { color: var(--gold); }
body.vintage-mode .price-card-badge {
  background: var(--sunset);
  border-radius: 0;
}
body.vintage-mode .price-inline strong { color: var(--sunset); }

/* ══════════════════════════════════════════════
   HISTORY TIMELINE
   ══════════════════════════════════════════════ */
body.vintage-mode .history-decade {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(100,60,10,0.1);
}
body.vintage-mode .history-decade-label {
  background: var(--sky-dark);
  border-bottom: 2px solid var(--gold);
  font-style: italic;
}
body.vintage-mode .history-item { border-bottom-color: #D4B870; }
body.vintage-mode .history-year-tag {
  background: var(--gold);
  border-radius: 0;
}
body.vintage-mode .history-year {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
}
body.vintage-mode .history-year h3 { color: var(--gold); }

/* ══════════════════════════════════════════════
   KONTAKT / INFO CARDS
   ══════════════════════════════════════════════ */
body.vintage-mode .contact-card,
body.vintage-mode .info-card {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(100,60,10,0.1);
}

/* ══════════════════════════════════════════════
   PERSON / TEAM
   ══════════════════════════════════════════════ */
body.vintage-mode .person-card {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
}
body.vintage-mode .person-card img {
  border-color: var(--gold);
  border-radius: 0;
}
body.vintage-mode .team-member {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
}
body.vintage-mode .team-member img {
  border-color: var(--gold);
  border-radius: 0;
}

/* ══════════════════════════════════════════════
   LETĚLI S NÁMI
   ══════════════════════════════════════════════ */
body.vintage-mode .leteli-card {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
  box-shadow: 3px 3px 0 rgba(100,60,10,0.1);
}
body.vintage-mode .leteli-card:hover {
  border-color: var(--gold);
  transform: translate(-2px, -2px);
}
body.vintage-mode .leteli-card img {
  border-color: var(--gold);
  border-radius: 0;
  filter: sepia(0.3);
}
body.vintage-mode .leteli-info h3 { color: var(--sky-dark); }
body.vintage-mode .leteli-info p  { color: var(--text-gray); }

/* ══════════════════════════════════════════════
   FORMULÁŘE
   ══════════════════════════════════════════════ */
body.vintage-mode .order-form {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
}
body.vintage-mode .form-section legend {
  color: var(--sky-dark);
  font-style: italic;
  border-bottom-color: var(--gold);
}
body.vintage-mode .form-input {
  background: #F0E2BC;
  border-color: #C4A24A;
  border-radius: 0;
  box-shadow: inset 2px 2px 0 rgba(100,60,10,0.07);
}
body.vintage-mode .form-input:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(155,123,26,0.15);
  background: #F5E8C4;
}
body.vintage-mode .form-label {
  font-size: 0.83rem;
  color: var(--text);
}
body.vintage-mode .radio-card {
  background: #F0E2BC;
  border-color: var(--border);
  border-radius: 0;
}
body.vintage-mode .radio-card.selected,
body.vintage-mode .radio-card:hover {
  border-color: var(--gold);
  background: #F5E8C4;
}
body.vintage-mode .radio-title { color: var(--sky-dark); }
body.vintage-mode .radio-price { color: var(--sunset); }

/* ══════════════════════════════════════════════
   EVENT CARDS
   ══════════════════════════════════════════════ */
body.vintage-mode .event-header {
  background: var(--sky-dark) !important;
  border-bottom: 2px solid var(--gold);
}
body.vintage-mode .event-header h2 { font-style: italic; }
body.vintage-mode .event-poster img {
  border-radius: 0;
  filter: sepia(0.3);
  box-shadow: 4px 4px 0 rgba(100,60,10,0.15);
}
body.vintage-mode .fiesta-tile {
  border-radius: 0;
  box-shadow: 4px 4px 0 rgba(100,60,10,0.12);
}
body.vintage-mode .fiesta-tile a.tile-img img {
  filter: sepia(0.35) contrast(1.04);
}
body.vintage-mode .fiesta-tile-info h3 a { color: var(--sky-dark); }
body.vintage-mode .fiesta-tile-info h3 a:hover { color: var(--gold); }

/* ══════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════ */
body.vintage-mode .site-footer {
  background: var(--sky-dark);
  border-top: 3px solid var(--gold);
  position: relative;
}
body.vintage-mode .site-footer::before {
  content: '\2756 \2500\2500\2500\2500\2500\2500\2500 Vzduchoplavetsk\00e1 spole\010dnost \00b7 od roku 1993 \2500\2500\2500\2500\2500\2500\2500 \2756';
  display: block;
  text-align: center;
  color: var(--gold);
  font-size: 0.6rem;
  letter-spacing: 0.15em;
  padding: 0.6rem 0;
  border-bottom: 1px solid #3A1A08;
  margin-bottom: 0.5rem;
}
body.vintage-mode .site-footer h4 {
  font-style: italic;
  color: #E8C97A;
  border-bottom: 1px solid #3A1A08;
  padding-bottom: 0.35rem;
  margin-bottom: 0.6rem;
  letter-spacing: 0;
  text-transform: none;
}
body.vintage-mode .site-footer p,
body.vintage-mode .site-footer li {
  color: rgba(200,165,100,0.85);
}
body.vintage-mode .site-footer a        { color: #A08050; }
body.vintage-mode .site-footer a:hover  { color: #E8C97A; }
body.vintage-mode .footer-logo-text     { color: #E8C97A; font-style: italic; }
body.vintage-mode .footer-bottom {
  border-top-color: #3A1A08;
  color: #6B4A2A;
  font-size: 0.78rem;
  font-style: italic;
}
body.vintage-mode .footer-bottom a { color: #8B6030; }

/* ══════════════════════════════════════════════
   ALERT / RESULT BOXES
   ══════════════════════════════════════════════ */
body.vintage-mode .result-box {
  background: #F5E8C4;
  border-color: var(--border);
  border-radius: 0;
}
body.vintage-mode .result-ok  { border-top-color: #5A8A30; }
body.vintage-mode .result-err { border-top-color: #9A2020; }
body.vintage-mode .alert-error {
  background: #F5DDD0;
  border-left-color: #9A3020;
  color: #5A1010;
}
body.vintage-mode .divider { border-top-color: var(--border); }

/* ══════════════════════════════════════════════
   TOAST NOTIFIKACE
   ══════════════════════════════════════════════ */
#vintage-toast {
  position: fixed;
  bottom: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: #1E0C06;
  color: #E8C97A;
  border: 1px solid #9B7B1A;
  border-top: 3px solid #C4961A;
  font-style: italic;
  font-size: 1rem;
  letter-spacing: 0.04em;
  padding: 0.9rem 2.5rem;
  box-shadow: 0 -4px 30px rgba(0,0,0,0.5);
  z-index: 9999;
  transition: bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
  pointer-events: none;
}
#vintage-toast.show { bottom: 2rem; }