/* =====================================================================
   CazarePensiune.ro - tema proprie (24.10.2026)
   Se incarca ULTIMA (din hedern2.php), peste meniu-nou.css si public-nou.css.
   Paleta: verde brad, teracota, crem. Titluri cu serif (Lora), colturi mici.
   ===================================================================== */
@font-face { font-family: 'Lora'; src: url('fonturi/lora.woff2') format('woff2'); font-weight: 400 700; font-display: swap; }
:root {
  --cp-verde: #1F4D3A; --cp-verde2: #2E6B4F; --cp-verde3: #E7EFE9; --cp-teracota: #C8553D; --cp-teracota2: #A9432E;
  --cp-piersica: #F2B880; --cp-crem: #FBF6EE; --cp-crem2: #F3EADB; --cp-lemn: #8A5A3B; --cp-text: #26322B; --cp-gri: #66736B; --cp-linie: #E6DCCB;
}
html body { background: var(--cp-crem) !important; color: var(--cp-text); }
html body h1, html body h2, html body h3, html body .tm-cap h2, html body .cp-serif { font-family: 'Lora', Georgia, 'Times New Roman', serif; }
html body a { color: var(--cp-verde2); }
html body a:hover { color: var(--cp-teracota); }

/* ---------- ANTET ---------- */
html body #port_hed {
  background-color: var(--cp-verde);
  background-image:
    linear-gradient(180deg, var(--cp-crem) 0, var(--cp-crem) 76px, transparent 76px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 160 L0 110 L160 50 L270 96 L430 20 L600 104 L720 64 L860 118 L1010 40 L1170 100 L1300 60 L1440 106 L1440 160Z' fill='%232E6B4F'/%3E%3C/svg%3E"),
    linear-gradient(180deg, transparent calc(100% - 34px), var(--cp-crem) calc(100% - 34px));
  background-repeat: no-repeat; background-size: 100% 100%, 100% 120px, 100% 100%;
  background-position: 0 0, 0 calc(100% - 34px), 0 0;
  border-bottom: 0;
}
html body #sup_hed { background: var(--cp-crem); border-bottom: 1px solid var(--cp-linie); }
html body .port_log_img { height: 52px; width: auto; }
html body .port_kont a, html body .port_kont a:link, html body .port_kont a:visited { color: var(--cp-verde) !important; background: transparent !important; border-color: transparent !important; font-weight: 600; }
html body .port_log + .port_kont a, html body .port_log + .port_kont a:link, html body .port_log + .port_kont a:visited { border: 1px solid var(--cp-verde) !important; border-radius: 6px; }
html body .port_kont + .port_kont a, html body .port_kont + .port_kont a:link, html body .port_kont + .port_kont a:visited { background: var(--cp-teracota) !important; color: #fff !important; border-color: var(--cp-teracota) !important; border-radius: 6px; }
html body .port_kont a:hover, html body .port_kont + .port_kont a:hover { background: var(--cp-verde) !important; color: #fff !important; border-color: var(--cp-verde) !important; }
html body #hotero-instaleaza { color: var(--cp-verde); border: 1px dashed var(--cp-verde2); border-radius: 6px; }
html body #hotero-instaleaza:hover { background: var(--cp-verde3); }

html body #port_hed .vt-slogan { font-family: 'Lora', Georgia, serif; color: #FFFFFF; font-weight: 700; letter-spacing: 0; }
html body #port_hed .vt-slogan span { color: var(--cp-piersica); font-style: italic; }
html body .port_left h1 { color: #FFFFFF; font-family: 'Lora', Georgia, serif; font-weight: 600; }
html body #port_hed .vt-slogan + h1 { color: #E4EEE7; font-family: inherit; font-weight: 400; }
html body .port_left h1 a, html body .port_left a { color: var(--cp-piersica); }

/* meniul principal (desktop: langa sigla) */
html body #port_hed #port_ul li a:link, html body #port_hed #port_ul li a:visited, html body #port_hed #port_ul li a[href*="favorite"] { color: var(--cp-verde) !important; background: transparent !important; border: 0 !important; font-weight: 600; }
html body #port_hed #port_ul li a:hover { color: var(--cp-teracota) !important; }
@media screen and (max-width: 999px) {
  html body #port_hed #port_ul li a:link, html body #port_hed #port_ul li a:visited { color: #FFFFFF !important; border: 1px solid rgba(255,255,255,.4) !important; border-radius: 20px; }
}

/* cautarea: alba, chenar verde, buton teracota, colturi mici */
html body #port_hed .hc-form.hc-mic { background: #FFFFFF !important; border: 2px solid var(--cp-verde2) !important; border-radius: 8px !important; box-shadow: 0 10px 24px rgba(31,77,58,.22) !important; }
html body #port_hed .hc-form.hc-mic .hc-btn, html body .hc-btn { background: var(--cp-teracota) !important; color: #fff !important; border-radius: 0 5px 5px 0 !important; }
html body #port_hed .hc-form.hc-mic .hc-btn:hover, html body .hc-btn:hover { background: var(--cp-teracota2) !important; }
html body #port_hed .hc-form.hc-mic .hc-camp { border-color: var(--cp-linie) !important; }
@media screen and (max-width: 860px) { html body #port_hed .hc-form.hc-mic .hc-btn, html body .hc-btn { border-radius: 6px !important; } }
html body #menu-mobile { background: var(--cp-verde2) !important; }

/* ---------- CONTINUT: coloana laterala in DREAPTA ---------- */
@media screen and (min-width: 900px) {
  html body #wrap_home { display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 26px; }
  html body #wrap_home > .curata { display: none; }
  html body #wrap_home > #right_indx { order: 1; flex: 1 1 auto; float: none !important; margin: 0 !important; min-width: 0; }
  html body #wrap_home > #left_indx { order: 2; flex: 0 0 272px; float: none !important; margin: 0 !important; }
}

/* blocurile laterale */
html body #desktcssmenu, html body #newslatter, html body #s_lk_ul, html body #cat_extinsa { border-radius: 6px !important; border: 1px solid var(--cp-linie) !important; box-shadow: none !important; background: #FFFFFF !important; overflow: hidden; }
html body #desktcssmenu li.Dactive > a, html body #desktcssmenu li.Dactive, html body #desktcssmenu > ul > li:first-child > a { background: var(--cp-verde) !important; color: #fff !important; font-family: 'Lora', Georgia, serif; }
html body #desktcssmenu li a { color: var(--cp-text) !important; }
html body #desktcssmenu li a:hover { background: var(--cp-verde3) !important; color: var(--cp-verde) !important; }
html body #cat_extinsa a, html body #cat_extinsa input, html body #cat_extinsa button { background: var(--cp-verde2) !important; color: #fff !important; border-radius: 6px !important; }
html body #newslatter { background: var(--cp-crem2) !important; }
html body #newslatter input[type=submit], html body #newslatter button { background: var(--cp-teracota) !important; border-radius: 6px !important; }
html body #s_lk_ul h2, html body #s_lk_ul h3, html body #s_lk_ul .titlu { color: var(--cp-verde); font-family: 'Lora', Georgia, serif; }

/* ---------- PRIMA PAGINA ---------- */
html body .tm-bara { background: transparent !important; border: 0 !important; box-shadow: none !important; display: flex; flex-wrap: wrap; gap: 8px; padding: 0 !important; height: auto !important; }
html body .tm-bara .tm-tema { flex: 0 0 auto !important; width: auto !important; height: auto !important; display: inline-flex !important; flex-direction: row !important; align-items: center; gap: 6px; padding: 8px 14px !important; border: 1px solid var(--cp-linie) !important; background: #FFFFFF !important; border-radius: 30px !important; color: var(--cp-verde) !important; font-weight: 600; font-size: 14px !important; }
html body .tm-bara .tm-tema svg, html body .tm-bara .tm-tema img { width: 18px !important; height: 18px !important; margin: 0 !important; }
html body .tm-bara .tm-tema:hover { background: var(--cp-verde) !important; color: #fff !important; border-color: var(--cp-verde) !important; }
html body .tm-bara .tm-tema:hover svg * { stroke: #fff; }

html body .tm-cap h2 { color: var(--cp-verde) !important; font-size: 26px !important; font-weight: 700 !important; position: relative; padding-bottom: 8px; }
html body .tm-cap h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 46px; height: 3px; background: var(--cp-teracota); border-radius: 2px; }
html body .tm-cap p, html body .tm-cap .tm-sub { color: var(--cp-gri) !important; }
html body .tm-cap a { color: var(--cp-teracota) !important; }
html body .tm-card { border-radius: 6px !important; border: 1px solid var(--cp-linie) !important; box-shadow: none !important; background: #FFFFFF !important; transition: transform .15s, box-shadow .15s; }
html body .tm-card:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(38,50,43,.12) !important; }
html body .tm-card img { border-radius: 5px 5px 0 0 !important; }
html body .tm-card strong, html body .tm-card h3, html body .tm-card .tm-nume { font-family: 'Lora', Georgia, serif; color: var(--cp-verde) !important; }
html body .tm-card [class*="eticheta"], html body .tm-card .tm-et, html body .tm-card span[class*="tm-e"] { background: var(--cp-crem) !important; color: var(--cp-lemn) !important; border-radius: 4px !important; }
html body .tm-sag { background: var(--cp-verde) !important; color: #fff !important; border: 0 !important; }
html body .tm-dest a, html body .tm-dest > * { border-radius: 6px !important; }

html body .hp-promo { background: #FFFFFF !important; border: 1px solid var(--cp-linie) !important; border-left: 5px solid var(--cp-verde2) !important; border-radius: 6px !important; box-shadow: none !important; }
html body .hp-promo-t { font-family: 'Lora', Georgia, serif; color: var(--cp-verde) !important; }
html body .hp-promo-btn, html body a.hp-promo-btn:link, html body a.hp-promo-btn:visited { background: var(--cp-teracota) !important; color: #fff !important; border-radius: 6px !important; }
html body .hp-promo svg circle, html body .hp-promo .hp-bifa { fill: var(--cp-verde2); background: var(--cp-verde2) !important; }

html body .tm-prop { background: var(--cp-verde) !important; border-radius: 6px !important; }
html body .tm-prop + .tm-prop { background: var(--cp-lemn) !important; }
html body .tm-prop a, html body .tm-prop a:link, html body .tm-prop a:visited { color: var(--cp-verde) !important; background: var(--cp-crem) !important; border-radius: 6px !important; }
html body .tm-prop h2, html body .tm-prop h3, html body .tm-prop strong { font-family: 'Lora', Georgia, serif; color: #fff !important; }

/* ---------- LISTE (categorii, localitati, rezultate) ---------- */
html body .port_untcaz { border-radius: 6px !important; border: 1px solid var(--cp-linie) !important; box-shadow: none !important; background: #FFFFFF !important; overflow: hidden; }
html body .port_untcaz:hover { box-shadow: 0 10px 22px rgba(38,50,43,.12) !important; }
html body .port_untcaz h2, html body .port_untcaz h3, html body .port_untcaz a strong { font-family: 'Lora', Georgia, serif; color: var(--cp-verde) !important; }
html body .pagdisply a, html body .pagdisply span { border-radius: 4px !important; }
html body .pagdisply a:hover { background: var(--cp-verde) !important; color: #fff !important; }
html body [class*="lh-"] a[href*="rezervare-"], html body a[href*="rezervare-"].lh-btn { background: var(--cp-teracota) !important; border-color: var(--cp-teracota) !important; color: #fff !important; border-radius: 6px !important; }

/* ---------- PAGINA UNITATII ---------- */
html body #info_unitate, html body #descriere_unit, html body .r-sectiune { border-radius: 6px !important; border: 1px solid var(--cp-linie) !important; box-shadow: none !important; background: #FFFFFF !important; }
html body #descriere_unit h2, html body #descriere_unit h3 { color: var(--cp-verde) !important; }
html body #menu_unitate a, html body .meniu-unitate a { border-radius: 4px !important; }
html body .r-nota, html body .r-insigna { background: var(--cp-verde) !important; color: #fff !important; border-radius: 6px 6px 6px 0 !important; }

/* butoane generale */
html body input[type=submit], html body button.buton, html body .btn-principal { border-radius: 6px; }

/* ---------- SUBSOL ---------- */
html body #foot_port_h { background: var(--cp-verde) !important; color: #DCE8E0 !important; border-top: 4px solid var(--cp-teracota); }
html body #foot_port_h a, html body #foot_port_h a:link, html body #foot_port_h a:visited { color: #FBF3E4 !important; }
html body #foot_port_h a:hover { color: var(--cp-piersica) !important; }
html body .cp-subsol-text { max-width: 1114px; margin: 0 auto; padding: 18px 16px 6px; font-size: 13.5px; line-height: 1.6; color: #CFE0D3; }
html body .cp-subsol-text strong { color: #FBF3E4; font-family: 'Lora', Georgia, serif; font-size: 15px; }

/* banda cookie */
html body #bgOver { background: rgba(31,77,58,.96) !important; }
html body #bgOver .accpt, html body #bgOver .accpt a { background: var(--cp-piersica) !important; color: var(--cp-verde) !important; border-radius: 6px; }

/* ---------- TEXTUL SEO de pe prima pagina ---------- */
html body .cp-despre { background: #FFFFFF; border: 1px solid var(--cp-linie); border-radius: 6px; padding: 22px 26px; margin: 22px 0 6px; line-height: 1.65; font-size: 15.5px; }
html body .cp-despre h2 { color: var(--cp-verde); font-size: 24px; margin: 0 0 10px; }
html body .cp-despre h3 { color: var(--cp-teracota2); font-size: 18px; margin: 18px 0 6px; }
html body .cp-despre p { margin: 0 0 10px; }
html body .cp-despre ul { margin: 6px 0 10px 18px; }
html body .cp-faq details { border-top: 1px solid var(--cp-linie); padding: 10px 0; }
html body .cp-faq summary { cursor: pointer; font-weight: 600; color: var(--cp-verde); }
html body .cp-faq details p { margin: 8px 0 0; }

@media screen and (max-width: 668px) {
  html body .port_log_img { height: 34px; }
  html body #port_hed { background-size: 100% 100%, 100% 70px, 100% 100%; background-image:
    linear-gradient(180deg, var(--cp-crem) 0, var(--cp-crem) 58px, transparent 58px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 160' preserveAspectRatio='none'%3E%3Cpath d='M0 160 L0 110 L160 50 L270 96 L430 20 L600 104 L720 64 L860 118 L1010 40 L1170 100 L1300 60 L1440 106 L1440 160Z' fill='%232E6B4F'/%3E%3C/svg%3E"),
    linear-gradient(180deg, transparent calc(100% - 70px), var(--cp-crem) calc(100% - 70px));
    background-position: 0 0, 0 calc(100% - 70px), 0 0; }
  html body .cp-despre { padding: 16px; }
}

/* fundal crem si alt font de baza decat pe Hotero (fara Plus Jakarta Sans) */
html body:not(:has(.cm-meniu)) { background: var(--cp-crem) !important; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; color: var(--cp-text) !important; }
html body .tm-foto i { background: var(--cp-crem) !important; color: var(--cp-teracota2) !important; border-radius: 4px !important; }
html body .footer_cpoy, html body .footer_cpoy * { color: #CFE0D3 !important; }
html body .r-gol { background: var(--cp-crem) !important; border-color: var(--cp-linie) !important; border-radius: 6px !important; }
html body a.rezervari, html body a.rezervari:link, html body a.rezervari:visited { background: var(--cp-teracota) !important; border-color: var(--cp-teracota) !important; color: #fff !important; border-radius: 6px !important; }
html body a.rezervari:hover { background: var(--cp-verde) !important; }
html body .hp-promo-btn, html body .lh-btn, html body a[href*="/rezervare-"] { border-radius: 6px !important; }
html body .pagdisply .pag-curent, html body .pagdisply b, html body .pagdisply strong { background: var(--cp-verde) !important; color: #fff !important; border-color: var(--cp-verde) !important; }
/* desktop: butonul „Instalează aplicația” nu mai intra peste meniu (ramane doar pe telefon/tableta) */
@media screen and (min-width: 1000px) { html body #hotero-instaleaza { display: none !important; } }