/* ============================================================
   Baldisimo new2 — tamsi tema.
   Kraunama PO style.css: perrašo spalvų kintamuosius ir tas
   vietas, kur bazinis CSS turi fiksuotas šviesias spalvas.
   ============================================================ */

:root {
  --bg: #16130F;
  --bg-alt: #1E1A15;
  --bg-band: #221C15;
  --ink: #F1ECE2;
  --ink-soft: #C8C1B4;
  --muted: #948C7D;
  --line: #342D24;
  --accent: #C79E6E;
  --accent-deep: #DDB88B;
  --shadow: 0 20px 50px -20px rgba(0, 0, 0, .55);
}

/* Antraštė ir ženklas */
.site-header {
  background: rgba(22, 19, 15, .92);
}
.brand-dot { background: var(--ink); }

/* Oficialus logotipas (juodas PNG) — tamsiame fone rodomas baltas */
.brand-img {
  height: 30px;
  width: auto;
  display: block;
  filter: brightness(0) invert(1);
  transition: opacity .25s;
}
.brand:hover .brand-img { opacity: .8; }
.site-footer .brand-img { height: 26px; }
@media (max-width: 520px) {
  .brand-img { height: 25px; }
}

/* Albumo kortelės rodyklė (vietoje nuotraukų skaičiaus) */
.album-go {
  font-size: 20px;
  line-height: 1;
  color: var(--muted);
  transition: transform .3s cubic-bezier(.2, .6, .2, 1), color .3s;
}
.album-card:hover .album-go { color: var(--accent-deep); transform: translateX(7px); }

/* Mygtukai: pagrindinis tamsoje tampa kreminis */
.btn { color: var(--bg); background: var(--ink); border-color: var(--ink); }
.btn:hover { color: var(--bg); background: var(--accent-deep); border-color: var(--accent-deep); }
.btn::before { background: var(--accent-deep); }
.btn-light { background: #fff; color: #16130F; border-color: #fff; }
.btn-outline-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .65); }
.btn-outline-light:hover { color: #16130F; }

/* Kortelės ir lustai */
.chip { background: var(--bg-alt); }
.tip-card { background: var(--bg-alt); }

/* Galerijos perjungikliai */
.album-switch a.current { background: var(--ink); border-color: var(--ink); color: var(--bg); }

/* Forma */
.contact-form input, .contact-form textarea {
  background: #211C16;
  color: var(--ink);
}
.form-status.ok { color: #8FCB9D; }
.form-status.err { color: #E39A93; }

/* Hero sklandžiai susilieja su tamsiu fonu */
.hero-shade {
  background:
    linear-gradient(100deg, rgba(10, 8, 6, .66) 0%, rgba(10, 8, 6, .36) 40%, rgba(10, 8, 6, .08) 68%, rgba(10, 8, 6, 0) 100%),
    linear-gradient(to top, rgba(22, 19, 15, .85) 0%, rgba(22, 19, 15, 0) 22%);
}

/* Poraštė tamsi kaip visa tema; apačioje — ryškiai matomas firminis
   „BALDISIMO ——— ●" ruožas (atskirtas linija, tamsesnis tonas). */
.footer-bottom {
  background: #0F0C09;
  border-top: 1px solid var(--line);
}
.footer-bottom-in span { color: rgba(255, 255, 255, .8); }
.footer-bottom-in i { background: linear-gradient(to right, rgba(199, 158, 110, .3), var(--accent)); }

/* Skiriamasis new2 akcentas: brūkšnys prieš skyrių etiketes */
.kicker::before {
  content: '';
  display: inline-block;
  width: 26px;
  height: 1px;
  background: var(--accent);
  vertical-align: middle;
  margin-right: 12px;
  margin-top: -2px;
}
.kicker-light::before { background: rgba(255, 255, 255, .7); }

/* Vidinių puslapių antraštės su fonine nuotrauka: nuotrauka tamsėja
   į apačią ir susilieja su puslapio fonu (Scavolini stiliumi) */
.page-head-photo {
  position: relative;
  background-size: cover;
  background-position: center 40%;
  padding-top: clamp(150px, 26vh, 260px);
  padding-bottom: clamp(36px, 6vh, 60px);
}
.page-head-photo .wrap { position: relative; z-index: 2; }
.ph-shade {
  position: absolute; inset: 0;
  background: linear-gradient(to bottom,
    rgba(22, 19, 15, .42) 0%,
    rgba(22, 19, 15, .28) 38%,
    rgba(22, 19, 15, .8) 80%,
    #16130F 100%);
}
.page-head-photo .page-title { color: #fff; text-shadow: 0 2px 18px rgba(14, 12, 9, .35); }
.page-head-photo .crumbs, .page-head-photo .crumbs a { color: rgba(255, 255, 255, .78); }
.page-head-photo .crumbs a:hover { color: #fff; }
.page-head-photo .back-link { color: rgba(255, 255, 255, .8); }
.page-head-photo .back-link:hover { color: #fff; }

/* Naršyklės UI spalva mobiliajame */
@media (prefers-color-scheme: dark), (prefers-color-scheme: light) {
  :root { color-scheme: dark; }
}
