/* =====================================================================
   Različica »Topla + rdeča« (SITE_THEME='rdeca'): topla šampanjec osnova,
   rdeča iz logotipa Frajton Center za poudarke, izrazitejši naslovi in
   večji kontrast med deli strani (vinsko rdeči in espresso pasovi).
   Naloži se za theme-topla.css.
   ===================================================================== */
:root {
  --ink: #1d140e;
  --text: #33281f;
  --muted: #6e5f50;
  --bg: #fffdf9;
  --paper: #f3eadb;
  --paper-2: #e8dbc6;
  --red: #c8202a;
  --red-2: #e0353e;
  --red-ink: #a3161f;
  --wine: #6e161b;
  --wine-2: #8f1f25;
  --espresso: #2a1d15;
  --line: rgba(29, 20, 14, 0.12);
}
::selection { background: var(--red); color: #fff; }

/* Naslovi: debelejši in temnejši */
h1, h2, h3 { font-weight: 600; }
.sec-head h2, .h-lg, .sub-h, .hc-title, .pinfo-title, .page-hero h1, .hero-title { color: var(--ink); }
.hero-title, .page-hero h1, .sec-head h2 { letter-spacing: -0.015em; }

/* Rdeči poudarki */
.kicker .rule, .eyebrow::before { background: var(--red); }
.kicker .num { color: var(--red); font-weight: 600; }
.kicker, .eyebrow { color: var(--red-ink); }
.kicker .i { color: var(--red); }
.hc-kicker, .pinfo-kicker { color: var(--red-ink); }
.link-arrow { color: var(--red-ink); }
.note-line a, .steps a, .legal a { color: var(--red-ink); }
.partner-slot-label { color: var(--red-ink); }
.header-phone .i, .big-phone .i, .inquiry-note .i, .c-item > .i, .perks .i, .faq summary .i, .pbox-visit .i, .pbox-alt .i, .odkup-tips .i, .find-ic .i, .empty > .i { color: var(--red); }
.nav ul a::after { background: var(--red); }
.req { color: var(--red); }

/* Glavni gumbi rdeči (kot logotip), drugotni ostanejo svetli */
.btn-red { background: linear-gradient(180deg, var(--red-2), var(--red) 70%); color: #fff; box-shadow: 0 14px 30px -14px rgba(200, 32, 42, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.btn-red:hover { background: linear-gradient(180deg, #ea4a52, #d32730 70%); }
.btn-count { background: rgba(255, 255, 255, 0.22); }
.plan--best .plan-flag, .cat-n { background: var(--red); color: #fff; }
.plan-flag { background: var(--red); color: #fff; }
.plan input:checked + .plan-in, .opt input:checked + span { border-color: var(--red); box-shadow: 0 0 0 3px rgba(200, 32, 42, 0.16); }
.plan input:checked + .plan-in::after { border-color: var(--red); }
.seg-opt input:checked + span, .nl-chip input:checked + span, .chip input:checked + span { background: var(--red); border-color: var(--red); color: #fff; }

/* Oznake */
.tag--today { background: var(--red); color: #fff; }
.tag--new { background: var(--espresso); color: #f6e9d4; }
.tag--new::before { background: var(--red-2); }
.pulse { background: var(--red); box-shadow: 0 0 0 0 rgba(200, 32, 42, 0.6); }
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(200, 32, 42, 0); } 100% { box-shadow: 0 0 0 0 rgba(200, 32, 42, 0); } }

/* Ikone v krogih: rdeče */
.quick-ic, .step-n { background: linear-gradient(180deg, var(--red-2), var(--red)); color: #fff; }
.serv-ic, .svc-ic { background: #fbe8e5; color: var(--red); }
.svc:hover .svc-ic { background: var(--red); color: #fff; }
.svc:hover, .quick-tile:hover { border-color: var(--red); }
.quick-arrow { color: var(--red); }
.serv-list li::before { background: var(--red); }

/* Okvirji z rdečim robom zgoraj */
.form, .pbox, .rent-form { border-top: 3px solid var(--red); }
.find-band { border-left-color: var(--red); }
.form-ref { border-left-color: var(--red); }
.rent-sum, .order-total { border-left-color: var(--red); }

/* Kartice: bele, z jasnejšo senco – več razlike od podlage */
.hc-link, .svc, .quick-tile, .ticks li { background: #fff; box-shadow: 0 16px 34px -26px rgba(29, 20, 14, 0.45); }
.hc-actions { background: #fff; }
.hc-actions .i { color: var(--red); }
.hc-actions a:hover { color: var(--red-ink); }
.price-main { color: var(--ink); }

/* Izmenjava ozadij: bele in toplo krem sekcije */
.categories, .why, .about, .contact { background: var(--bg); }
.latest, .services, .inquiry, .rental, .section--paper, .catalog, .similar, .butik-teaser { background: var(--paper); }

/* Kontrastni pasovi: vinsko rdeča (e-novice, »brez tveganja«), espresso (noga) */
.nl, .section--dark { color: #fff6ea; background: radial-gradient(ellipse at 85% 0%, rgba(224, 53, 62, 0.35), transparent 55%), linear-gradient(135deg, var(--wine-2), var(--wine)); }
.nl h2, .section--dark h2 { color: #fff6ea; }
.nl-text, .section--dark .lead { color: rgba(255, 238, 222, 0.82); }
.nl .kicker, .section--dark .kicker { color: #f3c9a8; }
.nl .kicker .i { color: #f3c9a8; }
.nl-perk { border-color: rgba(255, 220, 190, 0.45); background: rgba(255, 255, 255, 0.08); color: #fff6ea; }
.nl-perk .i { color: #f3c9a8; }
.nl-form { box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.5); }
.ticks--light li { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 220, 190, 0.25); color: #fff6ea; box-shadow: none; }
.ticks--light .i { color: #f3c9a8; }
.section--dark .pleats, .nl .pleats { opacity: 0.25; }

.finance::before { background: repeating-linear-gradient(100deg, transparent 0 46px, rgba(0, 0, 0, 0.07) 46px 92px), radial-gradient(ellipse at 100% 0%, rgba(255, 210, 160, 0.22), transparent 50%), linear-gradient(120deg, #4f2f18, #6f4426 55%, #8c5a33); }

.site-footer { background: var(--espresso); color: rgba(255, 240, 222, 0.74); }
.footer-h { color: #fff6ea; }
.footer-brand p, .footer-nl p:not(.footer-h), .footer-bottom { color: rgba(255, 240, 222, 0.6); }
.footer-nav a:hover, .footer-contact a:hover, .footer-legal a:hover { color: #fff; }
.footer-bottom { border-top-color: rgba(255, 240, 222, 0.14); }
.site-footer .link-arrow--light { color: #f3c9a8; border-color: rgba(243, 201, 168, 0.45); }
.site-footer .pleats { opacity: 0.2; }
.demo-bar { background: var(--espresso); color: #f6e9d4; }
.demo-bar .tag { border-color: rgba(246, 233, 212, 0.4); }

/* Partner meseca na domači strani */
.partners { background: #fff; }
.partners-head .kicker { color: var(--red-ink); }

/* Naslovna (salon + kartica): kartica bela z rdečim robom, poravnana zgoraj */
.hero--s5 { justify-content: flex-start; }
.hero--s5 .hero-inner { margin-top: calc(var(--header-h) + var(--demo-h, 0px) + 28px); padding-top: clamp(26px, 3vw, 40px); background: rgba(255, 253, 249, 0.93); border: 0; border-top: 4px solid var(--red); box-shadow: 0 40px 80px -40px rgba(29, 20, 14, 0.55); }
.hero--s5 .hero-title { font-weight: 600; }
.hero--s5 .hero-facts { margin-top: auto; }

/* Telefon: okvir z besedilom zgoraj, fotografija salona pod njim */
@media (max-width: 899px) {
  .hero--s5 { display: flex; flex-direction: column; }
  .hero--s5 .hero-inner { order: 0; position: relative; z-index: 2; margin: calc(var(--header-h) + var(--demo-h, 0px) + 10px) var(--gutter) 0; width: auto; padding: 24px 22px 26px; }
  .hero--s5 .hero-media { order: 1; margin-top: -26px; aspect-ratio: 1 / 1; }
  .hero--s5 .hero-media::after { height: 30%; }
  .hero--s5 .hero-facts { order: 2; margin-top: 0; }
  .hero--s5 .hero-title { font-size: clamp(2.2rem, 9vw, 2.8rem); }
}

/* Obrazec e-novic na vinsko rdečem pasu: v belem okvirju temno besedilo (neoznačeni gumbi so bili beli na belem) */
.nl-form { color: var(--text); }
.nl-chip span { color: var(--text); border-color: rgba(29, 20, 14, 0.25); background: #fff; }
.nl-chip:hover span { border-color: var(--red); }
.nl-chip input:checked + span { color: #fff; }
.nl-check input, .nl-consent input, .check input, .adm-check input { accent-color: var(--red); }

.reserve-box { border-left-color: var(--red); }
.reserve-box:hover { border-color: var(--red); }
.reserve-ic { background: var(--red); }