@charset "utf-8";
/* Hotero.ro - paginile publice (design nou 2026). Incarcat din hedern2.php.
   Culori: albastru #0378C4 (incredere, identitate), portocaliu #D9690B / #F08A1C (actiuni),
   fundal alb / gri foarte deschis. */

html body:not(:has(.cm-meniu)) { background: #F6F9FC !important; font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif !important; color: #12212E; }
html body:not(:has(.cm-meniu)) #wrap_home { max-width: 1180px; width: 100%; margin: 0 auto; padding: 24px 16px 48px; box-sizing: border-box; min-height: 0; }

/* coloanele de pe prima pagina */
html body #left_indx { width: 270px; float: left; min-height: 0; border: 0; }
html body #right_indx { width: calc(100% - 294px); float: right; min-height: 0; border: 0; }
@media screen and (max-width: 900px) {
  html body #left_indx, html body #right_indx { width: 100%; float: none; }
  html body #left_indx { margin-top: 24px; }
}

/* ---------- Cautarea de pe prima pagina ---------- */
html body #l_index_left_caut {
  background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 18px; min-height: 0; padding: 0; margin: 0 0 24px;
  width: calc(55% - 12px); overflow: hidden; box-shadow: 0 6px 20px rgba(18,33,46,.05);
}
html body #l_index_left_caut .caut_title {
  background: linear-gradient(90deg, #0378C4, #0A8FDC); color: #FFFFFF; padding: 16px 20px; font-size: 17px; font-weight: 700; line-height: 1.35;
}
html body #r_index_left_reclam { width: calc(45% - 12px); margin: 0 0 24px; min-height: 0; border: 0; padding: 0; }
html body #port_caut_mob_DESCK { background: transparent; padding: 18px 20px 20px; font-size: 14px; font-weight: 600; color: #12212E; }
html body #port_caut_mob_DESCK select {
  width: 100%; height: 46px; border: 1px solid #C9D3DC; border-radius: 12px; padding: 0 12px; margin: 6px 0 16px;
  font-family: inherit; font-size: 15px; background: #FFFFFF; color: #12212E; box-sizing: border-box;
}
html body #port_caut_mob_DESCK select:focus { outline: none; border-color: #0378C4; box-shadow: 0 0 0 3px rgba(3,120,196,.15); }
html body #port_caut_mob_DESCK input[type="submit"] {
  width: 100%; height: 48px; border: 0; border-radius: 12px; cursor: pointer; margin: 4px 0 12px;
  background: linear-gradient(90deg, #D9690B, #F08A1C); color: #FFFFFF; font-family: inherit; font-size: 16px; font-weight: 700;
  box-shadow: 0 6px 14px rgba(217,105,11,.25);
}
html body #port_caut_mob_DESCK input[type="submit"]:hover { background: linear-gradient(90deg, #C85F08, #EE8318); }
html body #port_caut_mob_DESCK a:link, html body #port_caut_mob_DESCK a:visited { font-size: 14.5px; font-weight: 700; color: #0378C4; }
@media screen and (max-width: 900px) {
  html body #l_index_left_caut, html body #r_index_left_reclam { width: 100%; float: none; }
}

/* ---------- Titluri de sectiune ---------- */
html body .bara_vip, html body .last_offer_bar {
  width: auto; height: auto; line-height: 1.3; margin: 8px 0 16px; padding: 0 0 0 14px;
  background: transparent; color: #12212E; text-align: left; border-radius: 0;
  font-size: 20px; font-weight: 800; letter-spacing: -.01em; border-left: 5px solid #D9690B;
}
html body .last_offer_bar { font-size: 18px; border-left-color: #0378C4; }

/* ---------- Casutele cu unitati (promovate) ---------- */
html body #port_vip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
html body #port_vip > .bara_vip { grid-column: 1 / -1; }
html body #port_vip .port_untcaz {
  width: auto; height: auto; float: none; margin: 0; border: 1px solid #E6ECF2; border-radius: 16px; overflow: hidden;
  background: #FFFFFF; padding-bottom: 14px; position: relative;
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
html body #port_vip .port_untcaz:hover { transform: translateY(-3px); border-color: #F5B26B; box-shadow: 0 12px 26px rgba(18,33,46,.10); }
html body #port_vip .port_fot_caz { height: 170px; background-size: cover; background-position: center; background-color: #E8F4FD; }
html body #port_vip .port_fot_caz a { display: block; width: 100%; height: 100%; }
html body #port_vip .port_stele { padding: 10px 14px 0; min-height: 16px; }
html body #port_vip .port_stele img { height: 15px; }
html body #port_vip .port_cat_caz {
  display: inline-block; margin: 6px 14px 0; padding: 3px 10px; border-radius: 999px;
  background: #FFF1E3; color: #C25E09; font-size: 12px; font-weight: 700;
}
html body #port_vip .port_num_caz { padding: 6px 14px 0; line-height: 1.3; }
html body #port_vip .port_num_caz a:link, html body #port_vip .port_num_caz a:visited {
  display: inline; color: #12212E; font-size: 16px; font-weight: 700; text-decoration: none; padding: 0;
}
html body #port_vip .port_num_caz a:hover { color: #0378C4; }
html body #port_vip .port_loc_caz { display: flex; align-items: center; gap: 5px; padding: 4px 14px 0; font-size: 13.5px; color: #5A6876; text-indent: 0; }
html body #port_vip .port_loc_caz::before {
  content: ""; width: 12px; height: 12px; flex: none;
  background: #0378C4; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media screen and (max-width: 1100px) { html body #port_vip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (max-width: 700px) { html body #port_vip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } html body #port_vip .port_fot_caz { height: 120px; } }

/* ---------- Ultimele oferte / unitati (liste) ---------- */
html body #right_indx_left, html body #right_indx_right { margin-top: 32px; background: transparent; min-height: 0; }
html body #right_indx_left { width: calc(50% - 12px); }
html body #right_indx_right { width: calc(50% - 12px); }
html body .port_unit_list {
  width: auto; display: flex; gap: 14px; align-items: center; background: #FFFFFF;
  border: 1px solid #E6ECF2; border-radius: 14px; padding: 10px; margin: 0 0 10px; box-sizing: border-box;
  transition: border-color .15s, box-shadow .15s;
}
html body .port_unit_list:hover { border-color: #F5B26B; box-shadow: 0 6px 16px rgba(18,33,46,.07); }
html body .port_div_foto { width: 110px; height: 82px; flex: none; float: none; border: 0; margin: 0; border-radius: 10px; overflow: hidden; }
html body .port_fotunit_list { width: 100%; height: 100%; background-size: cover; background-position: center; background-color: #E8F4FD; }
html body .port_scris_list { width: auto; float: none; flex: 1; min-width: 0; text-align: left; font-size: 13.5px; color: #5A6876; padding: 0; }
html body .port_scris_list h2, html body .port_scris_list h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; line-height: 1.35; }
html body .port_scris_list a:link, html body .port_scris_list a:visited { color: #12212E; font-size: 15px; text-decoration: none; }
html body .port_scris_list a:hover { color: #0378C4; }
html body #right_indx_left .caut_title { padding: 6px 0; }
html body #right_indx_left .caut_title a:link, html body #right_indx_left .caut_title a:visited { font-weight: 700; color: #D9690B; }
@media screen and (max-width: 900px) { html body #right_indx_left, html body #right_indx_right { width: 100%; float: none; } }

/* ---------- Coloana din stanga: zone turistice ---------- */
html body #desktcssmenu { width: 100%; background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 16px; box-shadow: none; overflow: hidden; }
html body #desktcssmenu, html body #desktcssmenu * { font-family: 'Plus Jakarta Sans', system-ui, Arial, sans-serif !important; }
html body #desktcssmenu > ul > li { margin: 0; border-bottom: 1px solid #EEF2F6; }
html body #desktcssmenu > ul > li > a { background: #FFFFFF; color: #12212E; font-size: 14.5px; font-weight: 600; border-radius: 0; text-shadow: none; }
html body #desktcssmenu > ul > li > a:hover { background: #FFF8F0; color: #C25E09; }
html body #desktcssmenu > ul > li > a > span { padding: 11px 16px; }
html body #desktcssmenu > ul > li:first-child > a {
  background: linear-gradient(90deg, #0378C4, #0A8FDC); color: #FFFFFF; font-weight: 800; font-size: 15.5px; text-shadow: none;
}
html body #desktcssmenu > ul > li.Dhas-sub > a span { background-size: 14px; background-position: 95% center; }
html body #desktcssmenu > ul > li.Dhas-sub.Dactive > a { background: #FFF1E3; color: #C25E09; text-shadow: none; }
html body #desktcssmenu ul ul li a { font-size: 14px; color: #3D4A56; padding: 8px 16px 8px 26px; display: block; background: #FAFCFE; }
html body #desktcssmenu ul ul li a:hover { color: #0378C4; background: #E8F4FD; }
html body #desktcssmenu .numerot { color: #8A99A8; font-size: 12.5px; }

html body #cat_extinsa { width: 100%; height: auto; line-height: 1; margin: 14px 0; border-radius: 12px; background: transparent; }
html body #cat_extinsa a:link, html body #cat_extinsa a:visited {
  display: block; text-align: center; padding: 13px 16px; border-radius: 12px; background: #0378C4; color: #FFFFFF; font-weight: 700; font-size: 14.5px;
}
html body #cat_extinsa a:hover { background: #025F9C; }
html body #newslatter {
  background: #FFF8F0; border: 1px solid #FBD3AE; border-radius: 16px; padding: 18px; margin: 0 0 16px;
  font-size: 15px; font-weight: 700; color: #7A4206; text-align: left;
}
html body #newslatter input[type="text"] {
  width: 100%; height: 44px; border: 1px solid #F3C99B; border-radius: 11px; padding: 0 12px; margin: 10px 0 8px;
  font-family: inherit; font-size: 14.5px; box-sizing: border-box; background: #FFFFFF;
}
html body #newslatter input[type="submit"] {
  width: 100%; height: 44px; border: 0; border-radius: 11px; cursor: pointer;
  background: linear-gradient(90deg, #D9690B, #F08A1C); color: #FFFFFF; font-family: inherit; font-size: 15px; font-weight: 700;
}
html body #s_lk_ul { background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 16px; padding: 14px 16px; box-sizing: border-box; }
html body #s_lk_ul li { border-bottom: 1px solid #F1F4F7; }
html body #s_lk_ul li:last-child { border-bottom: 0; }
html body .s_lk_li a:link, html body .s_lk_li a:visited, html body .s_lk_li2 a:link, html body .s_lk_li2 a:visited {
  display: block; padding: 8px 2px; margin: 0; font-size: 14.5px; font-weight: 600; color: #12212E;
}
html body .s_lk_li a:hover, html body .s_lk_li2 a:hover { color: #D9690B; text-decoration: none; }

/* Ajustari dupa previzualizare */
html body #bglist { background: transparent !important; color: #FFFFFF !important; font-weight: 800; }
html body #desktcssmenu > ul > li:first-child > a { background: linear-gradient(90deg, #0378C4, #0A8FDC) !important; }
html body #port_caut_mob_DESCK { width: auto !important; box-sizing: border-box; }
html body #cat_extinsa { width: auto !important; box-sizing: border-box; }
html body .port_unit_list { border-bottom: 1px solid #E6ECF2; }
html body .port_scris_list { border-right: 0 !important; min-height: 0 !important; padding-top: 0 !important; text-align: left !important; }
html body .port_fotunit_list a:link, html body .port_fotunit_list a:visited { height: 100%; }
html body .port_scris_list img { height: 13px; }

/* Subsolul (footerresp.php) */
html body #foot_port_h { background: #FFFFFF !important; border-top: 1px solid #E6ECF2; margin-top: 0; height: auto !important; min-height: 0 !important; }
html body #foot_wrap { background: transparent !important; max-width: 1180px; padding: 18px 16px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; height: auto !important; min-height: 0 !important; }
html body #foot_wrap > .curata { display: none; }
html body .footer_left_wrap { display: none; }
html body .footer_right_wrap { order: 2; width: auto; float: none; background: transparent !important; min-height: 0; height: auto; border: 0; margin: 0 0 0 auto; padding: 0; }
html body #menfooter ul { display: flex; gap: 6px; margin: 0; padding: 0; }
html body #menfooter li { float: none; width: auto; height: auto; background: transparent !important; margin: 0; list-style: none; }
html body #menfooter li a:link, html body #menfooter li a:visited { display: inline-block; padding: 8px 12px; border-radius: 9px; background: transparent !important; color: #5A6876 !important; font-size: 14px; font-weight: 600; width: auto; height: auto; line-height: 1.2; }
html body #menfooter li a:hover { background: #FFF1E3 !important; color: #D9690B !important; }
html body .footer_cpoy { order: 1; width: auto; flex: 1 1 320px; color: #5A6876 !important; font-size: 13px; text-align: left; background: transparent !important; padding: 0; margin: 0; }
html body #cat_extinsa { margin: 14px 0 !important; max-width: 100%; padding: 0 !important; }
html body #s_lk_ul, html body #s_lk_ul ul { padding-left: 16px !important; margin-left: 0 !important; }
html body #s_lk_ul ul { padding-left: 0 !important; }

/* ================= Liste (categorii, oferte, rezultate, favorite) ================= */
html body #right_indx > .curata_sep, html body .wr_gratis_list > .curata_sep, html body .curata_sep { height: 0; background: transparent; }
html body .wr_gratis_list { margin: 24px 0; }
html body .wr_profil_list {
  width: auto; margin: 0 0 16px; padding: 14px; box-sizing: border-box; background: #FFFFFF;
  border: 1px solid #E6ECF2; border-radius: 16px; display: grid; grid-template-columns: 240px 1fr; gap: 6px 20px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
html body .wr_profil_list:hover { border-color: #F5B26B; box-shadow: 0 10px 24px rgba(18,33,46,.08); }
html body .wr_profil_list > .curata { display: none; }
html body .wr_fot_prof_port { width: auto; height: 170px; float: none; grid-row: span 2; border-radius: 12px; overflow: hidden; }
html body .wr_backg_foto { border: 0; background-size: cover; background-position: center; background-color: #E8F4FD; }
html body .wr_scris_prof { width: auto; float: none; color: #3D4A56; font-size: 14.5px; line-height: 1.6; text-align: left; min-width: 0; }
html body .wr_link { margin: 2px 0 8px; }
html body .wr_link h3 { margin: 0; font-size: inherit; }
html body .wr_scris_prof a:link, html body .wr_scris_prof a:visited { color: #12212E; font-size: 18px; font-weight: 700; line-height: 1.35; text-decoration: none; }
html body .wr_scris_prof a:hover, html body .wr_scris_prof a:active { color: #0378C4; font-size: 18px; }
html body .wr_scris_prof img { height: 15px; vertical-align: middle; }
html body .wr_inf_profil {
  width: auto; border: 0; clear: none; text-align: left; color: #5A6876; font-size: 13.5px; margin: 0; align-self: end;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
html body .wr_inf_profil a:link, html body .wr_inf_profil a:visited { color: #0378C4; font-weight: 700; }
@media screen and (max-width: 650px) {
  html body .wr_profil_list { grid-template-columns: 1fr; }
  html body .wr_fot_prof_port { height: 190px; grid-row: auto; }
}

/* Cardurile VIP de pe paginile de categorie (direct in #right_indx) */
html body #right_indx:has(> .port_untcaz) { display: flex; flex-wrap: wrap; gap: 16px; align-content: flex-start; }
html body #right_indx:has(> .port_untcaz) > * { flex: 1 1 100%; }
html body #right_indx:has(> .port_untcaz) > .curata { display: none; }
html body #right_indx > .port_untcaz { flex: 0 0 calc((100% - 48px) / 4); }
@media screen and (max-width: 1100px) { html body #right_indx > .port_untcaz { flex-basis: calc((100% - 32px) / 3); } }
@media screen and (max-width: 700px) { html body #right_indx > .port_untcaz { flex-basis: calc((100% - 16px) / 2); } }
html body .port_untcaz {
  width: auto; height: auto; float: none; margin: 0; border: 1px solid #E6ECF2; border-radius: 16px; overflow: hidden;
  background: #FFFFFF; padding-bottom: 14px; box-sizing: border-box; transition: transform .18s, box-shadow .18s, border-color .18s;
}
html body .port_untcaz:hover { transform: translateY(-3px); border-color: #F5B26B; box-shadow: 0 12px 26px rgba(18,33,46,.10); }
html body .port_fot_caz { height: 170px; background-size: cover; background-position: center; background-color: #E8F4FD; }
html body .port_fot_caz a { display: block; width: 100%; height: 100%; }
html body .port_stele { padding: 10px 14px 0; min-height: 16px; }
html body .port_stele img { height: 15px; }
html body .port_cat_caz { display: inline-block; margin: 6px 14px 0; padding: 3px 10px; border-radius: 999px; background: #FFF1E3; color: #C25E09; font-size: 12px; font-weight: 700; }
html body .port_num_caz { padding: 6px 14px 0; line-height: 1.3; }
html body .port_num_caz a:link, html body .port_num_caz a:visited { display: inline; color: #12212E; font-size: 16px; font-weight: 700; text-decoration: none; padding: 0; }
html body .port_num_caz a:hover { color: #0378C4; }
html body .port_loc_caz { display: block; padding: 4px 14px 0; font-size: 13.5px; color: #5A6876; text-indent: 0; }

/* Paginare */
html body .pagdisply { text-align: center; margin: 24px 0 8px; color: #5A6876; font-size: 14px; }
html body .negrutxt { color: #5A6876; }
html body .paginationNumbers a:link, html body .paginationNumbers a:visited, html body .pag-blue {
  display: inline-block; min-width: 38px; height: 38px; line-height: 38px; padding: 0 10px; box-sizing: border-box;
  border-radius: 10px; border: 1px solid #DCE4EC; background: #FFFFFF; color: #12212E; font-size: 15px; font-weight: 600; font-family: inherit; text-align: center;
}
html body .paginationNumbers a:hover, html body .pag-blue:hover { border-color: #D9690B; color: #D9690B; }
html body .pagNumActive {
  display: inline-block; min-width: 38px; height: 38px; line-height: 38px; padding: 0 10px; box-sizing: border-box;
  border-radius: 10px; border: 0; background: linear-gradient(90deg, #D9690B, #F08A1C); color: #FFFFFF; font-size: 15px; font-weight: 700;
}
html body #cat_extinsa a, html body #cat_extinsa a:link, html body #cat_extinsa a:visited { box-sizing: border-box; width: 100%; }

/* ================= Pagina unitatii (UnitateCazare, camere, oferte, localizare) ================= */
html body #info_unitate { width: auto; margin: 0 0 16px; }
html body #info_unitate ul { margin: 0; padding: 6px; display: flex; flex-wrap: wrap; gap: 6px; background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 14px; }
html body #info_unitate li, html body #info_unitate li:last-child {
  float: none; width: auto; height: auto; line-height: 1; margin: 0; padding: 0; list-style: none;
  background: transparent; flex: 1 1 auto; text-align: center; color: inherit;
}
html body #info_unitate li a:link, html body #info_unitate li a:visited {
  display: block; padding: 11px 14px; border-radius: 10px; color: #12212E; font-size: 14.5px; font-weight: 600;
  background: transparent; text-decoration: none; height: auto; width: auto;
}
html body #info_unitate li a:hover { background: #E8F4FD; color: #0378C4; }
html body #info_unitate li a.rezervari:link, html body #info_unitate li a.rezervari:visited {
  background: linear-gradient(90deg, #D9690B, #F08A1C); color: #FFFFFF; font-weight: 700; box-shadow: 0 4px 12px rgba(217,105,11,.25);
}
html body #info_unitate li a.rezervari:hover { background: linear-gradient(90deg, #C85F08, #EE8318); color: #FFFFFF; }
html body #info_unitate > .curata { display: none; }

html body #right_indx > .content, html body .content { width: auto; padding: 0; margin: 0 0 12px; font-family: inherit; }
html body #galleria { border-radius: 16px; overflow: hidden; background: #FFFFFF; border: 1px solid #E6ECF2; }
/* playerul de poze (Galleria): fundal alb in loc de negru; sagetile albe din tema devin inchise la culoare (invert) ca sa se vada pe alb */
html body .galleria-theme-classic, html body .galleria-theme-classic .galleria-loader { background-color: #FFFFFF; }
html body .galleria-theme-classic .galleria-thumbnails .galleria-image { background: #F1F5F9; border-color: #E6ECF2; border-radius: 6px; overflow: hidden; }
html body .galleria-theme-classic .galleria-counter { color: #55636F; font: 600 12px/1 'Plus Jakarta Sans', Arial, sans-serif; }
html body .galleria-theme-classic .galleria-info-text { background-color: rgba(255,255,255,.96); border: 1px solid #E6ECF2; border-radius: 10px; }
html body .galleria-theme-classic .galleria-info-title { color: #12212E; }
html body .galleria-theme-classic .galleria-info-description { color: #55636F; }
html body .galleria-theme-classic .galleria-info-link { background-color: rgba(18,33,46,.75); border-radius: 6px; }
html body .galleria-theme-classic .galleria-image-nav-left, html body .galleria-theme-classic .galleria-image-nav-right,
html body .galleria-theme-classic .galleria-thumb-nav-left, html body .galleria-theme-classic .galleria-thumb-nav-right,
html body .galleria-theme-classic .galleria-info-close { filter: invert(1); }
html body .galleria-theme-classic .galleria-image-nav-left, html body .galleria-theme-classic .galleria-image-nav-right { opacity: .55; }
html body .galleria-theme-classic.notouch .galleria-thumb-nav-left:hover, html body .galleria-theme-classic.notouch .galleria-thumb-nav-right:hover,
html body .galleria-theme-classic.touch .galleria-thumb-nav-left:active, html body .galleria-theme-classic.touch .galleria-thumb-nav-right:active { background-color: #EEEEEE; }
html body .adfav { text-align: right; margin: 4px 0 8px; font-size: 14px; }
html body .adfav a:link, html body .adfav a:visited {
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px;
  background: #FFF1E3; color: #C25E09; font-weight: 700; font-size: 14px; text-decoration: none;
}
html body .adfav img { height: 18px; vertical-align: middle; }

html body #descriere_unit {
  margin: 16px 0; padding: 24px; background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 16px;
  text-align: left; font-size: 15.5px; line-height: 1.75; color: #3D4A56;
}
html body #descriere_unit a:link, html body #descriere_unit a:visited { color: #0378C4; font-size: 15.5px; }
html body .calit_inf {
  height: auto; line-height: 1.3; margin: 28px 0 14px; padding: 0 0 0 12px; background: transparent; color: #12212E;
  text-align: left; border-left: 5px solid #1F8F5F; border-radius: 0;
}
html body .calit_inf h2 { margin: 0; font-size: 19px; font-weight: 800; }
html body #descriere_unit .bifa_kal { width: auto; max-width: none; float: none; display: contents; font-size: 14px; }
html body #descriere_unit:has(.bifa_kal) .bifa_kal div {
  display: inline-flex; align-items: center; gap: 4px; margin: 0 6px 8px 0; padding: 6px 12px; border-radius: 999px;
  background: #EAF7F0; color: #1F6A45; font-weight: 600; line-height: 1.3;
}
html body .of_info { background: transparent; color: #12212E; text-decoration: none; padding: 0 0 0 12px; margin: 28px 0 14px; border-left: 5px solid #D9690B; font-size: 19px; font-weight: 800; }
html body .of_info a:link, html body .of_info a:visited { color: #12212E; text-decoration: none; }
html body .harta_frame { width: 100%; border: 0; border-radius: 16px; display: block; }
html body #kotkt { background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 16px; padding: 20px 24px; margin: 16px 0; line-height: 1.7; }

/* oferta unei unitati */
html body .wr_of_left { width: auto; float: none; padding: 24px; margin: 16px 0; background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 16px; line-height: 1.75; color: #3D4A56; }
html body .wr_of_right { width: 100%; max-width: 420px; height: 260px; float: none; border: 0; border-radius: 16px; overflow: hidden; margin: 16px 0 0; background-size: cover; }
html body .titlu_ofertei { font-size: 22px; font-weight: 800; color: #12212E; margin: 0 0 12px; line-height: 1.3; }
html body .valab_of_view { margin: 14px 0 0; display: inline-block; padding: 8px 14px; border-radius: 999px; background: #E8F4FD; color: #0378C4; font-weight: 700; font-size: 14px; }

/* camerele unei unitati */
html body .wr_camere {
  width: auto; border: 1px solid #E6ECF2; border-radius: 16px; padding: 12px; margin: 0 0 14px; background: #FFFFFF;
  display: flex; gap: 16px; align-items: stretch; transition: border-color .15s, box-shadow .15s;
}
html body .wr_camere:hover { border-color: #F5B26B; box-shadow: 0 6px 18px rgba(18,33,46,.08); }
html body .wr_camere > .curata { display: none; }
html body .port_fotdv { width: 200px; height: 140px; float: none; flex: none; border-radius: 12px; overflow: hidden; }
html body .foto_camere { border: 0; background-size: cover; background-color: #E8F4FD; }
html body .info_camere { width: auto; flex: 1; min-height: 0; float: none; border: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; align-content: flex-start; }
html body .port_camer_titlu { width: 100%; margin: 2px 0; }
html body .port_camer_titlu a:link, html body .port_camer_titlu a:visited { font-size: 18px; font-weight: 800; color: #12212E; }
html body .info_camere p { width: auto; float: none; border: 0; margin: 0; font-size: 13.5px; color: #5A6876; }
html body .info_camere p u { text-decoration: none; }
html body .info_camere p strong { font-size: 16px; color: #12212E; }
html body .rezerva-but a:link, html body .rezerva-but a:visited, html body .alblinkmare:link, html body .alblinkmare:visited {
  display: inline-flex; align-items: center; padding: 10px 18px; border-radius: 11px; background: linear-gradient(90deg, #D9690B, #F08A1C);
  color: #FFFFFF; font-weight: 700; font-size: 14.5px; text-decoration: none;
}
@media screen and (max-width: 650px) {
  html body .wr_camere { flex-direction: column; }
  html body .port_fotdv { width: 100%; height: 180px; }
}
html body .activeaza a, html body .activeaza a:link, html body .activeaza a:visited {
  display: inline-flex; align-items: center; justify-content: center; width: auto; max-width: none; height: auto; line-height: 1.2;
  padding: 13px 22px; border: 0; border-radius: 12px; text-indent: 0; text-align: center; margin: 6px 0;
  background: linear-gradient(90deg, #D9690B, #F08A1C); color: #FFFFFF; font-size: 15.5px; font-weight: 700; box-shadow: 0 6px 14px rgba(217,105,11,.25);
}
html body .activeaza a:hover { background: linear-gradient(90deg, #C85F08, #EE8318); color: #FFFFFF; }

/* ================= Formulare publice (inregistrare, rezervare, cautare avansata) ================= */
html body #right_indx #port_form {
  background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 18px; padding: 26px 28px; box-sizing: border-box;
  font-size: 15px; color: #12212E; text-align: left;
}
html body #right_indx #port_form > div:first-child strong { font-size: 20px; font-weight: 800; }
html body #right_indx .reg_insert_err { margin: 18px 0 6px; padding: 0; color: #12212E; font-family: inherit; font-size: 14px; font-weight: 700; }
html body #right_indx .imp_reg_insert, html body #right_indx .imp_reg_dat { margin: 0; padding: 0; text-align: left; }
html body #right_indx .red_msg { color: #C2321F; }
html body #right_indx .err_mesage { color: #C2321F; text-align: left; padding: 0 0 6px; font-weight: 600; }
html body #right_indx .infoblue { color: #5A6876; font-size: 13px; font-weight: 500; }
html body #right_indx input[type="text"], html body #right_indx input[type="password"], html body #right_indx input[type="email"],
html body #right_indx select, html body #right_indx textarea {
  font-family: inherit; font-size: 15px; color: #12212E; border: 1px solid #C9D3DC; border-radius: 11px; background: #FFFFFF;
  padding: 0 12px; box-sizing: border-box; max-width: 100%;
}
html body #right_indx input[type="text"], html body #right_indx input[type="password"], html body #right_indx input[type="email"], html body #right_indx select { height: 44px; line-height: 42px; }
html body #right_indx .imp_reg_insert input[type="text"], html body #right_indx .imp_reg_insert input[type="password"], html body #right_indx .imp_reg_insert select { width: 100%; max-width: 480px; }
html body #right_indx textarea { width: 100%; max-width: 760px; min-height: 160px; padding: 10px 12px; line-height: 1.6; }
html body #right_indx input:focus, html body #right_indx select:focus, html body #right_indx textarea:focus { outline: none; border-color: #0378C4; box-shadow: 0 0 0 3px rgba(3,120,196,.15); }
html body #right_indx .reg_insert_dat { width: 160px !important; margin: 0 12px 0 6px; }
html body #right_indx input[type="checkbox"], html body #right_indx input[type="radio"] { width: 18px; height: 18px; accent-color: #0378C4; vertical-align: middle; margin: 0 6px 0 0; }
html body #right_indx #port_form input[type="submit"], html body #right_indx #port_form input[type="button"], html body #right_indx #port_form button,
html body #right_indx #login input[type="submit"] {
  font-family: inherit; font-size: 16px !important; font-weight: 700; cursor: pointer; height: 48px; line-height: 1; padding: 0 28px;
  width: auto !important; min-width: 160px; margin: 22px 0 0; border-radius: 12px; border: 0 !important;
  background: linear-gradient(90deg, #D9690B, #F08A1C) !important; color: #FFFFFF !important; box-shadow: 0 6px 14px rgba(217,105,11,.25);
}
html body #right_indx #port_form input[type="submit"]:hover, html body #right_indx #login input[type="submit"]:hover { background: linear-gradient(90deg, #C85F08, #EE8318) !important; }
html body #right_indx .left_select, html body #right_indx .right_select, html body #right_indx .left_gps, html body #right_indx .right_gps { margin-right: 8px; }
html body #right_indx #port_form .bifa_kal { width: 32%; float: left; font-size: 14px; }
html body #right_indx #port_form .bifa_kal ul { padding: 0; margin: 0; }
html body #right_indx #port_form .bifa_kal li { list-style: none; border-bottom: 1px solid #EEF2F6; padding: 6px 2px; }
@media screen and (max-width: 650px) { html body #right_indx #port_form { padding: 20px 16px; } html body #right_indx #port_form .bifa_kal { width: 100%; float: none; } }

/* ================= Autentificare ================= */
html body #login_left {
  width: calc(55% - 12px); float: left; background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 18px; padding: 26px 28px; box-sizing: border-box;
  font-size: 14px; font-weight: 700; color: #12212E;
}
html body #login_left #login input[type="text"], html body #login_left #login input[type="password"] { display: block; width: 100%; margin: 6px 0 16px; }
html body .login_sms { color: #C2321F; font-weight: 600; }
html body .box_cok { font-weight: 500; margin: 4px 0; }
html body #rec_pass { margin-top: 14px; }
html body #rec_pass a:link, html body #rec_pass a:visited { color: #0378C4; font-weight: 700; }
html body .register_dv {
  background: #FFF8F0; border: 1px solid #FBD3AE; border-radius: 18px; padding: 24px; font-size: 15.5px; line-height: 1.6; color: #7A4206; font-weight: 600;
}
html body .inreg { margin-top: 14px; }
html body .inreg a:link, html body .inreg a:visited {
  display: inline-flex; padding: 12px 22px; border-radius: 12px; background: #0378C4; color: #FFFFFF; font-weight: 700; font-size: 15px; text-decoration: none;
}
html body .inreg a:hover { background: #025F9C; }
@media screen and (max-width: 900px) { html body #login_left { width: 100%; float: none; margin-bottom: 16px; } }

/* ================= Pagini de text (termeni, contact, cookie) ================= */
html body #right_indx > .wr_gratis_list[style] {
  background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 18px; padding: 26px 28px !important; margin: 0 0 24px;
  line-height: 1.75; color: #3D4A56; font-size: 15px;
}
html body #right_indx > .wr_gratis_list[style] strong { color: #12212E; }
html body #right_indx > .wr_gratis_list[style] img { max-width: 100%; height: auto; border-radius: 12px; }
html body .fbft { display: flex; gap: 10px; margin: 0 0 20px; }
html body .social-butt { height: 40px; width: auto; border-radius: 10px; }

/* oferta unitate: imagine + text */
html body .wr_backg_foto_of { border-radius: 16px; }

/* ================= Articole / obiective turistice ================= */
html body #right_indx > #fot_profil_cam { height: 380px; border-radius: 18px; background-size: cover; background-position: center; background-color: #E8F4FD; }
html body .art_titlu { margin: 22px 0 14px; color: #12212E; font-weight: 800; font-size: 26px; text-align: left; letter-spacing: -.01em; line-height: 1.3; }
html body #right_indx > #prof_descriere {
  margin: 0 0 20px; padding: 26px 28px; background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 18px; box-sizing: border-box;
  font-size: 16px; line-height: 1.8; color: #3D4A56; text-align: left;
}
html body #right_indx > #prof_descriere a:link, html body #right_indx > #prof_descriere a:visited { color: #0378C4; font-weight: 600; }
html body .art_port_tab { width: calc(33.333% - 10px); margin: 0 10px 12px 0; min-height: 0; border-radius: 12px; overflow: hidden; }
html body .art_port_fot { border-radius: 12px; overflow: hidden; background-size: cover; }
html body #zona { height: 44px; border: 1px solid #C9D3DC; border-radius: 11px; padding: 0 12px; font-family: inherit; font-size: 15px; background: #FFFFFF; }
@media screen and (max-width: 650px) { html body #right_indx > #fot_profil_cam { height: 220px; } html body .art_titlu { font-size: 21px; } }

/* ================= Poze ca imagini reale (SEO): umplu containerul ca inainte ================= */
html body .port_fot_caz a, html body .port_fotunit_list a, html body .wr_backg_foto a, html body .foto_camere a,
html body #fot_profil_cam a, html body .art_port_fot a, html body .wr_backg_foto_of a { display: block; width: 100%; height: 100%; }
html body .port_fot_caz img, html body .port_fotunit_list img, html body .wr_backg_foto img, html body .foto_camere img,
html body #fot_profil_cam img, html body .art_port_fot img, html body .wr_backg_foto_of img {
  display: block; width: 100%; height: 100%; object-fit: cover; border: 0; background: #E8F4FD;
}
html body .wr_backg_foto_of { height: 260px; border-radius: 16px; overflow: hidden; }
html body .wr_of_right { height: auto; text-align: center; font-weight: 700; color: #0378C4; }
html body .art_port_fot { height: 160px; }

/* ================= Conturile de vizitatori (turist-*.php) ================= */
html body .t-doua { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; align-items: start; }
@media screen and (max-width: 900px) { html body .t-doua { grid-template-columns: 1fr; } }
html body .t-cap { margin-bottom: 14px; }
html body .t-titlu { margin: 4px 0 6px; font-size: 22px; font-weight: 800; color: #12212E; letter-spacing: -.01em; }
html body .t-sub { margin: 0; color: #5A6876; font-size: 14.5px; line-height: 1.55; }
html body .t-eticheta { display: inline-block; padding: 3px 10px; border-radius: 999px; background: #E8F4FD; color: #0378C4; font-size: 12px; font-weight: 700; }
html body .t-eticheta-alb { background: rgba(255,255,255,.2); color: #FFFFFF; }
html body .t-camp { display: flex; flex-direction: column; gap: 6px; margin: 0 0 14px; font-size: 14px; font-weight: 700; color: #12212E; }
html body .t-camp small { font-weight: 500; color: #5A6876; }
html body .t-camp input { width: 100% !important; max-width: none !important; font-weight: 400; }
html body .t-rand { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
@media screen and (max-width: 600px) { html body .t-rand { grid-template-columns: 1fr; } }
html body .t-bifa { display: flex; align-items: center; gap: 4px; margin: 4px 0 8px; font-size: 14px; color: #3D4A56; }
html body .t-bifa a { color: #0378C4; font-weight: 600; }
html body .t-eroare { background: #FDEDEA; border: 1px solid #F3C7C2; color: #B42318; border-radius: 12px; padding: 12px 14px; margin: 0 0 16px; font-size: 14px; font-weight: 600; line-height: 1.5; }
html body .t-eroare a { color: #B42318; text-decoration: underline; }
html body .t-ok { background: #EAF7F0; border: 1px solid #BFE6CF; color: #1F6A45; border-radius: 12px; padding: 12px 14px; margin: 0 0 16px; font-size: 14px; font-weight: 600; }
html body .t-nota { background: #E8F4FD; border: 1px solid #CFE3F3; color: #12212E; border-radius: 12px; padding: 12px 14px; margin: 6px 0 14px; font-size: 14px; line-height: 1.5; }
html body .t-nota a { color: #0378C4; font-weight: 700; }
html body .t-jos { margin: 16px 0 0; font-size: 14.5px; color: #3D4A56; }
html body .t-jos a { color: #D9690B; font-weight: 700; }
html body .t-mic { font-size: 13px; color: #5A6876; }
html body .t-gol { color: #5A6876; font-size: 15px; line-height: 1.6; margin: 0 0 12px; }
html body .t-proprietar {
  background: linear-gradient(160deg, #0378C4, #0A8FDC); color: #FFFFFF; border-radius: 18px; padding: 24px;
  display: flex; flex-direction: column; gap: 10px; font-size: 14.5px; line-height: 1.55;
}
html body .t-proprietar strong { font-size: 18px; font-weight: 800; }
html body .t-proprietar span { color: #E3F1FB; }
html body .t-proprietar a:link, html body .t-proprietar a:visited {
  display: inline-flex; justify-content: center; padding: 12px 18px; border-radius: 12px; background: #FFFFFF; color: #0378C4; font-weight: 700; text-decoration: none;
}
html body .t-proprietar a.t-link-alb:link, html body .t-proprietar a.t-link-alb:visited { background: transparent; color: #FFFFFF; border: 1px solid rgba(255,255,255,.6); }
html body #left_indx .t-proprietar { margin: 0 0 16px; }
/* rezervarile vizitatorului */
html body .t-rez { border: 1px solid #E6ECF2; border-radius: 14px; padding: 14px 16px; margin: 0 0 12px; background: #FFFFFF; }
html body .t-rez-cap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 8px 14px; }
html body .t-rez-unit, html body a.t-rez-unit:link, html body a.t-rez-unit:visited { font-size: 16px; font-weight: 800; color: #12212E; text-decoration: none; }
html body a.t-rez-unit:hover { color: #0378C4; }
html body .t-rez-oras { display: block; font-size: 13px; color: #5A6876; margin-top: 2px; }
html body .t-stare { padding: 5px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 700; white-space: nowrap; }
html body .t-stare-ok { background: #EAF7F0; color: #1F6A45; }
html body .t-stare-asteapta { background: #FFF6E0; color: #8A5A00; }
html body .t-stare-nu { background: #FDEBE8; color: #B42318; }
html body .t-rez-mesaj.t-rez-raspuns { font-style: normal; background: #F3F8FC; border-left: 3px solid #0378C4; padding: 8px 12px; border-radius: 8px; }
html body .t-rez-detalii { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 12px; }
html body .t-rez-detalii span { display: flex; flex-direction: column; font-size: 14px; }
html body .t-rez-detalii small { font-size: 12px; color: #6B7A88; font-weight: 600; }
html body .t-rez-detalii b { color: #12212E; }
html body .t-rez-mesaj { margin: 10px 0 0; color: #3D4A56; font-size: 14px; font-style: italic; }
html body .t-rez-act { margin-top: 10px; }
html body .t-rez-act a:link, html body .t-rez-act a:visited { font-size: 14px; font-weight: 700; color: #D9690B; }
html body .cm-alerta form { margin: 0; }
html body #wr_prof_right .cm-alerta input.t-retrimite { margin: 0 !important; height: 40px; min-width: 0; padding: 0 16px; background: #FFFFFF !important; color: #B45A07 !important; border: 1px solid #F3C99B !important; font-size: 14px !important; }
html body .cm-alerta .t-mic a { color: #0378C4; font-weight: 700; }
html body .t-proprietar .t-eticheta { align-self: flex-start; }

/* ================= Prima pagina: obiective turistice (includ/index-obiective.php) ================= */
html body #idx-obiective { clear: both; margin: 36px 0 10px; }
html body #idx-obiective .bara_vip { margin-bottom: 10px; }
html body .idx-ob-intro { margin: 0 0 18px; max-width: 860px; font-size: 15.5px; line-height: 1.7; color: #3D4A56; text-align: left; }
html body .idx-ob-grila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html body .idx-ob-card { background: #FFFFFF; border: 1px solid #E6ECF2; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: transform .18s, box-shadow .18s, border-color .18s; }
html body .idx-ob-card:hover { transform: translateY(-3px); border-color: #F5B26B; box-shadow: 0 12px 26px rgba(18,33,46,.10); }
html body .idx-ob-foto { display: block; aspect-ratio: 3 / 2; background: #E8F4FD; overflow: hidden; }
html body .idx-ob-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
html body .idx-ob-text { padding: 14px 16px 16px; text-align: left; }
html body .idx-ob-loc { display: inline-block; margin-bottom: 6px; padding: 3px 10px; border-radius: 999px; background: #E8F4FD; color: #035E99; font-size: 12px; font-weight: 700; }
html body .idx-ob-text h3 { margin: 0 0 6px; font-size: 16px; line-height: 1.35; font-weight: 700; }
html body .idx-ob-text h3 a:link, html body .idx-ob-text h3 a:visited { color: #12212E; text-decoration: none; }
html body .idx-ob-text h3 a:hover { color: #0378C4; }
html body .idx-ob-text p { margin: 0; font-size: 14px; line-height: 1.6; color: #5A6876; }
html body .idx-ob-toate { margin-top: 14px; text-align: left; }
html body .idx-ob-toate a:link, html body .idx-ob-toate a:visited { font-weight: 700; color: #D9690B; }
@media screen and (max-width: 1000px) { html body .idx-ob-grila { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 600px) { html body .idx-ob-grila { grid-template-columns: 1fr; gap: 14px; } }

/* ================= Articole: subtitluri, paragrafe si liste in textul articolului ================= */
html body #right_indx > #prof_descriere h2 { margin: 26px 0 8px; font-size: 21px; line-height: 1.35; font-weight: 800; color: #12212E; letter-spacing: -.01em; }
html body #right_indx > #prof_descriere h2:first-child { margin-top: 0; }
html body #right_indx > #prof_descriere p { margin: 0 0 14px; }
html body #right_indx > #prof_descriere ul { margin: 0 0 16px; padding-left: 22px; }
html body #right_indx > #prof_descriere li { margin: 0 0 8px; }
html body #right_indx > #prof_descriere b { color: #12212E; }
/* obiective pe prima pagina: poze mai mici (16:9), pe telefon lista cu poza mica in stanga */
html body .idx-ob-grila { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
html body .idx-ob-foto { aspect-ratio: 16 / 9; }
html body .idx-ob-text { padding: 10px 12px 12px; }
html body .idx-ob-loc { margin-bottom: 4px; padding: 2px 8px; font-size: 11px; }
html body .idx-ob-text h3 { font-size: 14.5px; margin-bottom: 4px; }
html body .idx-ob-text p { font-size: 13px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media screen and (max-width: 800px) {
  html body .idx-ob-grila { grid-template-columns: 1fr; gap: 10px; }
  html body .idx-ob-card { flex-direction: row; align-items: stretch; border-radius: 14px; }
  html body .idx-ob-foto { width: 112px; flex: none; aspect-ratio: auto; min-height: 84px; }
  html body .idx-ob-text { padding: 9px 12px; min-width: 0; }
  html body .idx-ob-loc { display: none; }
  html body .idx-ob-text h3 { font-size: 14px; }
  html body .idx-ob-text p { -webkit-line-clamp: 2; font-size: 12.5px; }
}