/* =========================================================
   evano.bg – тема „Пудра“ за вътрешните страници
   Зарежда се след style.css на всички страници без началната,
   „За специалисти“ и админ панела. body.th = тема,
   .th-pub = публични страници (със снимка горе),
   .th-panel = панел на специалиста, .th-wide = широки страници.
   ========================================================= */
.th {
  --ink: #29181D;
  --muted: #775E65;
  --line: #EFD6DD;
  --soft: #FCF1F4;
  --sand: #F6DFE6;
  --copper: #D45D7F;
  --copper-d: #D13C66;
  --rose: #E8ABBC;
  --card: rgba(255, 255, 255, .86);
  --serif: 'Playfair Display', Georgia, serif;
}
html:has(body.th) { background: #FDF7F9; }
body.th { background: linear-gradient(180deg, #F6DFE6 0, #FBEFF2 520px, #FDF7F9 1000px) no-repeat, #FDF7F9; color: var(--ink); min-height: 100vh; position: relative; }
.th a { color: var(--ink); }
.th .app { background: transparent; position: relative; z-index: 1; }

/* ---- размита снимка горе ---- */
.th-photo { position: absolute; left: 0; right: 0; top: 0; height: 430px; background-size: cover; background-position: center 25%; opacity: .26; filter: blur(4px) saturate(.9); -webkit-mask-image: linear-gradient(180deg, #000 25%, transparent); mask-image: linear-gradient(180deg, #000 25%, transparent); pointer-events: none; z-index: 0; }

/* ---- горна лента ---- */
.th .top { background: rgba(253, 245, 247, .78); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(239, 214, 221, .7); }
.th .logo { color: var(--ink); }
.th .tag { color: var(--copper); }
.top-nav { display: none; }

/* ---- заглавия и текст ---- */
.th h1 { font-family: var(--serif); font-weight: 700; letter-spacing: -.01em; color: var(--ink); }
.th .sub, .th .muted { color: var(--muted); }
.th .label { color: var(--copper); letter-spacing: .09em; }
.th .crumbs { color: #86646E; }
.th .crumbs a { color: #86646E; }
.th .crumbs [aria-current] { color: var(--ink); }
.th .star { color: var(--copper); }
.th .prose h2, .th .seo-block h2 { font-family: var(--serif); }
.th .seo-block { color: #5B4249; border-top-color: var(--line); }
.th .seo-block h2, .th .seo-block h3 { color: var(--ink); }

/* ---- бутони ---- */
.th .btn, .th .btn-sm { background: var(--ink); color: #fff; }
.th .btn-sm.out, .th .btn-out { background: rgba(255, 255, 255, .8); color: var(--ink); border-color: #E3C3CC; }
.th .btn-sm.danger { background: #fff; color: var(--red); border: 1px solid #EDC3CF; }
.th a.btn, .th a.btn-sm { color: #fff; }
.th a.btn-sm.out, .th a.btn-out { color: var(--ink); }
.th .back { color: var(--ink); }
.th .iconbtn { background: var(--card); border-color: var(--line); }

/* ---- карти и полета ---- */
.th .card { background: var(--card); border-color: rgba(239, 209, 217, .85); box-shadow: 0 8px 24px rgba(212, 93, 127, .07); }
.th .soft, .th .stat, .th .kpi { background: var(--soft); }
.th .empty { background: rgba(255, 255, 255, .7); border: 1px dashed #E9C6D0; color: var(--muted); }
.th .avatar { background: var(--sand); color: var(--copper); }
.th .avatar-s { color: var(--copper); }
.th .in, .th select.in, .th textarea.in, .th textarea, .th .inputbox { background: #fff; border-color: #E9CED6; }
.th .in:focus, .th textarea:focus { outline-color: var(--copper); border-color: var(--copper); }
.th .inputbox:focus-within { border-color: var(--copper); }
.th .sugg { border-color: #E9CED6; }
.th .chk input { accent-color: var(--copper); }
.th .toggle-row, .th .radio-cards label { background: var(--card); border-color: var(--line); }
.th .radio-cards label:has(input:checked), .th label.cat:has(input:checked), .th .cat.on { border-color: var(--copper); }
.th .cat { background: var(--card); border-color: var(--line); }
.th .cat .check { background: var(--copper); }
.th .sw.on, .th label.toggle-row:has(input:checked) .sw { background: var(--copper); }
.th .seg { background: var(--soft); border-color: var(--line); }
.th .seg a.on { color: var(--ink); }
.th .tbl-wrap { border-color: var(--line); background: #fff; }
.th .tbl th { background: var(--soft); }
.th .daybox { border-color: var(--line); background: var(--card); }

/* ---- избор: чипове, дни, часове, услуги ---- */
.th .chip { background: rgba(255, 255, 255, .75); border-color: #EFD1D9; color: #5B4249; }
.th .chip.on { background: var(--copper); border-color: var(--copper); color: #fff; }
.th .day, .th .week div { background: var(--card); border-color: var(--line); }
.th .day.on, .th .week div.on { background: var(--copper); border-color: var(--copper); color: #fff; }
.th .slot { background: #fff; border: 1.5px solid var(--rose); color: var(--copper-d); }
.th .slot.on, .th label.slot:has(input:checked) { background: var(--copper); border-color: var(--copper); color: #fff; }
.th .svc { background: var(--card); border-color: var(--line); }
.th .svc.on { border-color: var(--copper); }
.th .svc .pick { background: var(--ink); }
.th .city-links-s a { background: rgba(255, 255, 255, .7); border-color: #EFD1D9; color: #5B4249; }
.th .city-links-s a:hover { border-color: var(--copper); color: var(--copper-d); }
.th .choice a { background: var(--card); border-color: var(--line); }
.th .choice a.dark { background: var(--ink); border-color: var(--ink); color: #fff; }
.th .pill { background: var(--sand); color: var(--copper-d); }
.th .photos-big img, .th .scroll-photos img { background: var(--sand); }

/* ---- календар на специалиста ---- */
.th .appt .body { background: var(--card); border-color: var(--line); }
.th .appt .brk { border-color: #E3C3CC; color: var(--muted); }
.th .hist, .th .list-row, .th .letter-row, .th .tbl th, .th .tbl td { border-bottom-color: #F4E1E6; }

/* ---- блок „Специалист ли сте?“ ---- */
.th .pro-cta { background: linear-gradient(135deg, #EDBDCA, #F6DFE6); border-radius: 20px; padding: 20px !important; }
.th .pro-cta > div:first-child { font-family: var(--serif); font-size: 19px; font-weight: 700; }
.th .pro-cta .muted { color: #5B4249; }

/* ---- долно меню и долна част ---- */
.th .bottom { background: rgba(255, 255, 255, .92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-top-color: #F3DCE2; }
.th .bottom a { color: #9D8189; }
.th .bottom a.on { color: var(--copper); }
.th .foot { border-top-color: var(--line); color: #86646E; }
.th .foot a { color: #86646E; }

/* =========================================================
   Компютър
   ========================================================= */
@media (min-width: 600px) {
  body.th { padding: 0; }
  .th .app { box-shadow: none; }
}
@media (min-width: 900px) {
  .th-photo { height: 520px; }
  /* публичните страници излизат от тясната колона */
  .th-guest .app { max-width: none; }
  .th-guest .top { padding: 16px max(24px, calc((100% - 1120px) / 2)); }
  .th-guest .top-nav { display: flex; gap: 28px; margin-left: auto; margin-right: 28px; }
  .th-guest .top-nav a { font-size: 14px; font-weight: 600; color: #5B4249; text-decoration: none; }
  .th-guest .top-nav a:hover, .th-guest .top-nav a[aria-current] { color: var(--copper); }
  .th-guest main { width: 100%; max-width: 680px; margin: 0 auto; padding: 0 24px 40px; }
  .th-guest .bottom { display: none; }
  .th-guest h1 { font-size: 36px !important; }
  /* широки страници: търсене по град и услуга */
  .th-wide main { max-width: 1120px; }
  .th-wide h1 { font-size: 46px !important; line-height: 1.08; }
  .th-wide .sub { font-size: 17px; max-width: 640px; }
  .th-wide .crumbs { padding-top: 34px; }
  .th-wide .chips { flex-wrap: wrap; overflow: visible; }
  .th-wide .chip { height: 40px; padding: 0 16px; }
  .th-wide .results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
  .th-wide .seo-block { max-width: 820px; }
  .th-wide .pro-cta { max-width: 820px; }
}
.results { display: flex; flex-direction: column; gap: 18px; }
@media (min-width: 900px) { .th-wide .results { display: grid; } }
.th .reg-vid { color: var(--copper-d); font-size: 14px; margin-top: 10px; min-height: 32px; }
.th a.fab, a.fab { color: #fff; }