/* site.css — un singur fișier: css/style.css (bază)  + style.css (stilurile temei),
   doar regulile folosite de pagini (19.10.2026). Originalele: local/inainte-de-css-js-19oct2026/. */
/* ===== Tokeni: varianta B, aleasă de Cornel pe 20.10.2026 (pagina design-system.html). Folosiți de regulile conținutului (main), nu de header. ===== */
:root{
/* Color Manager: culori după rol */
--primary:#00b087;--primary-dark:#00735d;--primary-ultra-dark:#005d47;
--secondary:#f39c12;
--neutral-ultra-dark:#333333;--neutral-dark:#606577;--neutral-light:#dddddd;--neutral-ultra-light:#f3f3f3;--white:#ffffff;
--neutral-darkest:#27272c;
--success:#0f5132;--success-bg:#e6ffed;--success-border:#badbcc;--error:#842029;--error-bg:#f8d7da;--error-border:#f5c2c7;
--tour-2-days:#a36708;--tour-3-days:#1b6d8c;--tour-4-days:#1e864a;
/* Global Variables: tipografie (scara text-), spații (scara space-), mărimi */
--text-s:14px;--text-m:16px;--text-l:20px;--text-xl:32px;--text-2xl:40px;
--font-weight-bold:700;--line-height-body:1.55;
--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-s:16px;--space-m:20px;--space-l:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--space-5xl:96px; /* spații ca mărimile de haine: 3xs 4 · 2xs 8 · xs 12 · s 16 · m 20 · l 24 · xl 32 · 2xl 40 · 3xl 48 · 4xl 64 · 5xl 96 (20.10.2026) */
--tap-target:48px;--icon-size:24px;--border-width:2px;--radius-s:4px;--radius-m:8px;--shadow-m:0 4px 12px rgba(0,61,48,.15);--transition-duration:.2s;--motion-out:.22s;--motion-in:.42s;--motion-dialog:.35s;--motion-menu:.3s;--motion-menu-rand:.45s;--motion-menu-pas:.1s;--motion-reveal:.8s;--motion-foto:.38s;--ease-out:cubic-bezier(.2,.7,.2,1)
;--shadow-panou:-12px 0 32px rgba(0,0,0,.25);--shadow-submeniu:0 4px 3px 0 rgba(0,0,0,.2);--shadow-cadru:inset 0px 0px 24px 0px rgba(0,0,0,0.15);--shadow-l:0 12px 28px rgba(0,61,48,.22);--shadow-rama:0px 0px 10px 2px rgba(107,106,107,1);--scrim:rgba(10,12,14,.94);--veil-meniu:rgba(0,0,0,.45);--veil-buton:rgba(0,0,0,.35);--veil-eticheta:rgba(0,0,0,.65);--umbra-sageata:rgba(0,0,0,.7);--umbra-text:rgba(0,0,0,.6);--linie-punctata:rgba(0,0,0,.1);--linie-pe-inchis:rgba(255,255,255,.3);--bg-panou:rgba(250,250,250,0.75);--bg-subsol:rgba(100,100,100,0.5);--umbra-titlu:0 2px 4px rgba(0,0,0,.55),0 0 24px rgba(0,0,0,.45)}
/* ===== bază (normalize și stilurile de bază pentru elemente; fără Bootstrap și Font Awesome din 20.10.2026) ===== */
footer,header,section{display:block}
html{font-family:sans-serif;-webkit-text-size-adjust:100%}
body{margin:0}
a{background:transparent}
b,strong{font-weight:var(--font-weight-bold)}
img{border:0}
button,input,textarea{margin:0}
button{text-transform:none;cursor:pointer;-webkit-appearance:button}
textarea{overflow:auto;vertical-align:top}
@media print{
*{color:#000 !important;text-shadow:none !important;background:transparent !important;box-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" ("attr(href) ")"}
a[href^="#"]:after{content:""}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:2cm .5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
input,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
h1,h2,h3{margin-top:var(--space-m);margin-bottom:var(--space-xs)}
h4{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}
h4{font-size:var(--text-l)}
p{margin:0 0 var(--space-xs)}
small{font-size:85%}
ul ul{margin-bottom:0}
table{border-collapse:collapse;border-spacing:0;max-width:100%;background-color:transparent}
label{display:inline-block;margin-bottom:var(--space-3xs);font-weight:var(--font-weight-bold)}
.camp{display:block;width:100%;height:var(--tap-target);padding:0 var(--space-s);font-size:var(--text-m);line-height:1.428571429;color:var(--neutral-ultra-dark);vertical-align:middle;background-color:var(--white);background-image:none;border:var(--border-width) solid var(--neutral-light);border-radius:var(--radius-s);box-shadow:none;transition:border-color var(--transition-duration)}
.camp::placeholder{color:var(--neutral-dark);opacity:1}
textarea.camp{height:auto;min-height:calc(var(--tap-target) * 3);padding:var(--space-2xs) var(--space-s)}
.camp-grup{margin-bottom:var(--space-s)}
/* Meniul de telefon (20.10.2026): se deschide peste pagină, din stânga, cu pagina întunecată dedesubt; pagina nu se mai mută și nu-și pierde harta */
.offcanvas-container{position:relative;overflow:hidden}
/* Meniul de telefon și tabletă (20.10.2026, varianta A): panou alb din dreapta, peste pagină întunecată */
.offcanvas-menu{position:fixed;top:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;width:min(360px,calc(100vw - var(--space-xl)));overflow-y:auto;overscroll-behavior:contain;background:var(--white);color:var(--neutral-ultra-dark);box-shadow:var(--shadow-panou);visibility:hidden;transform:translateX(100%);transition:transform .3s ease,visibility 0s linear .3s}
.offcanvas-menu-open .offcanvas-menu{visibility:visible;transform:none;transition:transform .3s ease}
.meniu-tel__cap{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-s);border-bottom:1px solid var(--neutral-light)}
.meniu-tel__logo img{display:block;width:var(--tap-target);height:var(--tap-target)}
.meniu-tel__inchide{display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;border-radius:50%;background:var(--neutral-ultra-light);color:var(--neutral-ultra-dark);cursor:pointer}
.meniu-tel__inchide:hover{background:var(--neutral-light)}
.meniu-tel__nav{flex:1;padding:var(--space-2xs) 0}
.meniu-tel__nav ul{margin:0;padding:0;list-style:none}
.meniu-tel__link,.meniu-tel__grup{display:flex;align-items:center;gap:var(--space-s);min-height:var(--tap-target);margin:0;padding:0 var(--space-m);color:var(--neutral-ultra-dark);font-size:var(--text-m);font-weight:var(--font-weight-bold);text-decoration:none}
.meniu-tel__link .icon,.meniu-tel__grup .icon{flex:none;color:var(--primary-dark)}
.meniu-tel .meniu-tel__sageata{width:20px;height:20px;margin-left:auto;color:var(--neutral-dark)}
.meniu-tel__link:hover,.meniu-tel__link:focus-visible{background:var(--neutral-ultra-light);color:var(--neutral-ultra-dark)}
.meniu-tel__nav .meniu-tel__sub{margin:0 0 var(--space-2xs) calc(var(--space-m) + var(--icon-size) + var(--space-s));border-left:var(--border-width) solid var(--neutral-light)}
.meniu-tel__sub a{display:flex;align-items:center;min-height:var(--tap-target);padding:0 var(--space-s);color:var(--neutral-dark);font-size:var(--text-m);text-decoration:none}
.meniu-tel__sub a:hover,.meniu-tel__sub a:focus-visible{color:var(--neutral-ultra-dark);background:var(--neutral-ultra-light)}
.meniu-tel [aria-current="page"]{color:var(--neutral-ultra-dark);font-weight:var(--font-weight-bold);box-shadow:inset 4px 0 0 var(--primary)} /* pagina curentă */
.meniu-tel__jos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding:var(--space-s);border-top:1px solid var(--neutral-light)}
.meniu-tel__limbi{display:flex;gap:var(--space-2xs);margin-left:auto;margin-right:var(--space-s)} /* steagurile sus, pe rândul logoului (Cornel, 20.10.2026) */
.meniu-tel__limbi img{display:block;width:32px;height:32px}
.antet__limbi a,.meniu-tel__limbi a,.subsol__limbi a{position:relative}
.antet__limbi a::after,.meniu-tel__limbi a::after,.subsol__limbi a::after{content:"";position:absolute;left:50%;top:50%;width:var(--tap-target);height:var(--tap-target);transform:translate(-50%,-50%)} /* zona de apăsare de 48 px în jurul steagurilor, fără schimbare vizibilă (20.10.2026) */
.offcanvas-pusher::after{content:"";position:fixed;inset:0;z-index:1000;background:var(--veil-meniu);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
.offcanvas-menu-open .offcanvas-pusher::after{opacity:1;visibility:visible;transition:opacity .3s}
html.meniu-deschis{overflow:hidden} /* pagina nu se derulează sub meniu */
/* ===== din style.css ===== */
html,button,input,textarea{color:var(--neutral-ultra-dark)}
html{font-size:1em;line-height:1.4}
::-moz-selection{color:var(--white);background:var(--primary);text-shadow:none}
::selection{color:var(--white);background:var(--primary);text-shadow:none}
img{vertical-align:middle}
textarea{resize:vertical}
a{text-decoration:none !important} /* linkurile nu se subliniază (excepția lui Cornel); focusul de la tastatură: a:focus-visible, mai jos */
a{color:var(--primary);text-decoration:none;transition:color var(--transition-duration),background-color var(--transition-duration)}
a:hover,a:focus{color:var(--primary)}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{font-family:Geneva,Helvetica,Arial,sans-serif;color:var(--primary-dark);margin:0}
h1{font-size:var(--text-xl);line-height:1.2;color:var(--primary-ultra-dark);font-weight:var(--font-weight-bold)}
h2{font-size:var(--text-l);line-height:1.25;font-weight:var(--font-weight-bold);margin-bottom:var(--space-s)}
h3{font-size:var(--text-l);line-height:1.3;font-weight:var(--font-weight-bold);margin:var(--space-s) 0 var(--space-xs) 0}
.poza-lata{display:block;width:100%;height:auto} /* în locul img-responsive din Bootstrap */
body{font-family:Geneva,Helvetica,Arial,sans-serif;font-size:var(--text-s);line-height:1.846;color:var(--neutral-dark);font-weight:400;background:var(--white);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
/* conținutul paginilor (tokenii B, 20.10.2026); header și footer își păstrează regulile lor */
main{font-size:var(--text-m);line-height:var(--line-height-body);color:var(--neutral-dark)}
main p{margin:0 0 var(--space-s)}
main b,main strong{font-weight:var(--font-weight-bold)}
main a{color:var(--primary-dark)}
main a:hover,main a:focus{color:var(--primary-ultra-dark)}
.icon{width:var(--icon-size);height:var(--icon-size);flex:none;vertical-align:middle}
.mt-20{margin-top:var(--space-l)}
.mt-30{margin-top:var(--space-xl)}
.mt-50{margin-top:var(--space-3xl)}
.mb-50{margin-bottom:var(--space-3xl)}
.mb-20{margin-bottom:var(--space-m)}
.wrapper{overflow:hidden;background-image:url(../images/body_bg.jpg),url(../images/inner-wrapper_bg.jpg);background-image:image-set(url(../images/body_bg.webp) type("image/webp"),url(../images/body_bg.jpg) type("image/jpeg")),image-set(url(../images/inner-wrapper_bg.webp) type("image/webp"),url(../images/inner-wrapper_bg.jpg) type("image/jpeg"));background-position:bottom center,center -30px;background-repeat:no-repeat}
.inner-wrapper{margin:0px auto;width:100%}
/* ===== Header (20.10.2026): fără Bootstrap și fără Font Awesome, același aspect ===== */
.antet{position:relative;margin:0 -15px;padding:20px;background:url(../images/moto.png) center no-repeat}
.antet__limbi{text-align:right} /* steagurile în dreapta, social media în stânga (Cornel, 20.10.2026) */
.antet__limbi img{vertical-align:middle}
.antet__logo{position:absolute;top:52px;left:5px;z-index:1}
.antet__logo img{display:block}
.antet__social{position:absolute;top:20px;left:20px;display:flex;gap:8px;margin:0;padding:0;list-style:none} /* Facebook și YouTube sus-stânga, în linie cu steagurile (Cornel, 20.10.2026) */
.antet__social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary-dark);color:var(--white);transition:background-color var(--transition-duration)}
.antet__social a:hover,.antet__social a:focus-visible{background:var(--primary-ultra-dark);color:var(--white)}
.antet__telefon{position:relative;z-index:1;width:max-content;margin:145px 0 0;font-size:var(--text-m);line-height:29.5px;font-weight:var(--font-weight-bold)} /* deasupra logoului, care îi acoperea jumătatea de sus */
.antet__telefon .icon{margin-right:5px;vertical-align:-1px;color:var(--neutral-dark)}
.antet__telefon a{position:relative;top:-1px;font-size:var(--text-m);line-height:27.69px;color:var(--neutral-ultra-dark)}
.antet__hamburger{display:none;position:absolute;z-index:2;right:20px;top:172px;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;border-radius:var(--radius-s);background:var(--primary-dark);color:var(--white);cursor:pointer;transition:background-color var(--transition-duration)} /* hamburger (Cornel, 20.10.2026): verde închis, colțuri rotunjite, partea de jos în linie cu numărul de telefon */
.antet__hamburger:hover,.antet__hamburger:focus-visible{background:var(--primary-ultra-dark)}
.antet__hamburger .icon{display:block;margin:0 auto}
.antet__meniu{margin-top:21.5px;padding:10px 0;border-top:1px solid var(--neutral-ultra-dark);border-bottom:1px solid var(--neutral-ultra-dark);background:var(--white)}
.antet__meniu>ul{display:flex;justify-content:flex-end;margin:0 var(--space-xs) 0 0;padding:0;list-style:none}
.antet__meniu>ul>li{position:relative;border-right:1px solid var(--neutral-light)}
.antet__meniu>ul>li:last-child{border-right:0}
.antet__meniu>ul>li>a,.antet__grup-buton{display:block;padding:0 var(--space-m);font-size:var(--text-m);line-height:24px;color:var(--neutral-ultra-dark)} /* rând de 24 px: textul la mijloc între liniile barei (Cornel, 20.10.2026) */
.antet__meniu>ul>li:last-child>a{padding-right:0}
.antet__grup-buton{width:100%;margin:0;font-family:Geneva,Helvetica,Arial,sans-serif;font-weight:400;text-transform:uppercase;text-align:justify;background:none;border:0;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.antet__meniu a:hover,.antet__meniu a:focus{color:var(--primary);text-decoration:none}
.antet__submeniu{position:absolute;top:17px;left:0;z-index:999;pointer-events:none}
.antet__submeniu-interior{margin-top:var(--space-l);min-width:200px;opacity:0;transform:translateY(-100%);transition:opacity 300ms cubic-bezier(.785,.135,.15,.86),transform 300ms cubic-bezier(.785,.135,.15,.86)}
.antet__grup:hover>.antet__submeniu,.antet__grup.is-open>.antet__submeniu{pointer-events:auto}
.antet__grup:hover .antet__submeniu-interior,.antet__grup.is-open .antet__submeniu-interior{opacity:1;transform:translateY(0)}
.antet__grup.menu-animating>.antet__submeniu{overflow:hidden}
.antet__submeniu ul{position:relative;z-index:1000;min-width:160px;margin:2px 0 0;padding:var(--space-3xs) 0;list-style:none;background:var(--white);border:1px solid var(--white);border-top:3px solid var(--primary);box-shadow:var(--shadow-submeniu)}
.antet__submeniu ul::before{content:"";position:absolute;top:-30px;left:0;width:100%;height:30px} /* puntea pentru mouse între bară și submeniu */
.antet__submeniu li+li{border-top:1px solid var(--neutral-light)}
.antet__submeniu a{display:block;padding:var(--space-2xs) var(--space-m);font-size:var(--text-s);line-height:20px;color:var(--neutral-ultra-dark);white-space:nowrap}
.cadru{display:flow-root;margin:15px auto;padding:0 15px;background:var(--bg-panou);box-shadow:var(--shadow-cadru);border-radius:10px} /* cadrul paginii (în locul .container din Bootstrap, 20.10.2026) */
.cadru-lat{display:flow-root} /* pe toată lățimea (în locul container-fluid > row > col-md-12, care împreună nu adăugau nicio margine) */
.barci{display:flow-root}
.barci>.lead-title{margin-bottom:0}
.barci__barca h3{margin-top:var(--space-xs)} /* între titlul „Our boats” și numele bărcilor 12 px, ca la excursii (Cornel, 20.10.2026) */
.slider-fullwidth{position:relative}
.lead-title{display:block;margin-bottom:var(--space-xl);position:relative}
.lead-title h2:not(.titlu-h3){background:transparent;padding:var(--space-xs) 0;display:inline-block;border-bottom:1px solid var(--neutral-light);text-transform:uppercase}
.footer-wrapper{background:var(--bg-subsol);padding:var(--space-l) 0}
.slider img{width:100%}
.post-thumbnail{margin-bottom:var(--space-m)}
.post-thumbnail img{width:100%;height:auto}
.post-thumbnail:hover img{transition:700ms;transform:scale(1.5)}
.element{display:inline-block;overflow:hidden;position:relative;width:100%}
.element a{z-index:30}
.element .element-link{width:var(--tap-target);height:var(--tap-target);display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;margin-top:calc(var(--tap-target) / -2);border:var(--border-width) solid var(--white);box-sizing:content-box;opacity:0;transition:300ms;right:42%;margin-right:-150px}
.element a:hover{text-decoration:none;background:var(--white);color:var(--primary)}
.element:hover .element-link{margin-right:var(--space-3xs);opacity:1;color:var(--white)}
.action-box{border:1px solid var(--neutral-light);border-left:0;box-shadow:inset 5px 0 0 0 var(--primary);color:var(--neutral-dark);padding:var(--space-s) var(--space-l)}
.call-to-action-box{border:1px solid var(--neutral-light);border-left:0;box-shadow:inset 5px 0 0 0 var(--primary);color:var(--neutral-dark);padding:var(--space-l) var(--space-l);background-image:url(../images/nufar.png);background-repeat:no-repeat;background-position:right bottom;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-l) var(--space-3xl)}
.call-to-action-box h2{font-size:var(--text-l);line-height:1.3;text-transform:uppercase;border-top:none;margin-bottom:var(--space-s);margin-top:var(--space-xs);font-weight:var(--font-weight-bold)}
.posted-date{float:left;margin-right:var(--space-s);overflow:hidden;padding:var(--space-2xs) 0;width:var(--tap-target);min-height:var(--tap-target);background:var(--primary-dark);text-align:center;color:var(--white);border:0;border-radius:var(--radius-s)}
.posted-date .day{display:block;font-size:var(--text-s);line-height:1.1;font-weight:var(--font-weight-bold)}
.posted-date .month{font-size:var(--text-s);line-height:1.1;font-weight:var(--font-weight-bold)}
.page-notfound{border-top:1px solid var(--neutral-light);border-right:1px solid var(--neutral-light);border-left:1px solid var(--neutral-light);border-bottom:5px solid var(--primary);margin:0 auto;padding:var(--space-xs) var(--space-xl) var(--space-3xl);text-align:center}
.page-notfound strong{color:var(--primary);display:block;font-size:150px;line-height:150px}
.page-notfound b{color:var(--neutral-dark);display:block;font-size:45px;line-height:45px;margin:0}
.page-notfound__titlu{margin:0;font:inherit;color:inherit;text-wrap:wrap}
.goback{padding:var(--space-2xs) var(--space-m);font-size:var(--text-m)}
.buton{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target);margin-bottom:0;padding:var(--space-2xs) var(--space-l);text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--white);background-color:var(--primary-dark);border:var(--border-width) solid var(--primary-dark);border-radius:var(--radius-s);font-size:var(--text-m);font-weight:var(--font-weight-bold);line-height:1.2;transition:background-color var(--transition-duration),border-color var(--transition-duration)}
.buton:hover,.buton:active,.buton:focus{text-decoration:none;color:var(--white);background-color:var(--primary-ultra-dark);border-color:var(--primary-ultra-dark);box-shadow:none;outline:none}
.pricing-col{font-size:var(--text-m);font-weight:400;position:relative;float:left;margin-bottom:var(--space-m)}
.pricing-col ul{margin:0 var(--space-xs);padding:0}
.pricing-col ul li{list-style:none}
.pricing-col ul li>ul{margin:0}
.pricing-col ul li.title{display:flex;align-items:flex-start;gap:var(--space-s)} /* titlul stă lângă pătratul cu zilele, nu curge pe sub el */
.pricing-col ul li.title .posted-date{float:none;flex:none;margin:var(--space-s) 0 0 var(--space-3xs)}
.pricing-col ul li.title h3{color:var(--neutral-ultra-dark);font-size:var(--text-l);line-height:1.3;font-weight:var(--font-weight-bold);margin:var(--space-s) var(--space-3xs) var(--space-s) 0}
.pricing-col .plan-details b{white-space:nowrap}
.pricing-col ul li.pricing-details{text-align:center;padding:var(--space-xs) 0;background:var(--tour-color);color:var(--white)}
.pricing-col ul li.pricing-details .card-pret{font-family:Geneva,Helvetica,Arial,sans-serif;margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--white);white-space:nowrap;line-height:1.1}
.pret-unitate{display:block;font-size:var(--text-l);font-weight:400} /* „/ pers.” mai mare (Cornel, 20.10.2026) */
.pricing-col ul li.pricing-details small{display:block;text-transform:uppercase;font-size:var(--text-s);font-weight:400;color:var(--white)}
.pricing-col a.signup-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target);margin:var(--space-2xs) 0;padding:0 var(--space-l);font-size:var(--text-m);font-weight:var(--font-weight-bold);border-radius:var(--radius-s);border:var(--border-width) solid var(--white);background:var(--white);color:var(--tour-color);transition:background-color var(--transition-duration),color var(--transition-duration)}
.pricing-col a:hover.signup-btn{text-decoration:none;background:transparent;color:var(--white)}
.pricing-col li ul{padding:var(--space-s);border-radius:0 0 3px 3px}
.pricing-col li li{margin:0;padding:0;border-bottom:1px dotted var(--linie-punctata)}
.pricing-col li li:last-child{border-bottom:none}
.card-1zi{--tour-color:var(--primary-dark)}
.card-7ore{--tour-color:var(--primary)} /* 6-7 ore: altă culoare decât 8-9 ore, care stă lângă ea (Cornel, 20.10.2026: „--primary”) */
.card-2zile{--tour-color:var(--tour-2-days)}
.card-3zile{--tour-color:var(--tour-3-days)}
.card-4zile{--tour-color:var(--tour-4-days)}
.pricing-col > ul{margin:0;border:1px solid var(--neutral-light);border-radius:var(--radius-m);overflow:hidden;transition:transform var(--transition-duration) ease,box-shadow var(--transition-duration) ease} /* contur complet, și sus (Cornel, 20.10.2026) */ /* hover (varianta A, 20.10.2026): cardul se ridică, cu umbră moale */
.pricing-col > ul:hover{transform:translateY(-6px);box-shadow:var(--shadow-l)}
.pricing-col .posted-date{background:var(--tour-color)}
.map-canvas{border-top:3px solid var(--primary);flex:1 0 300px;margin-top:var(--space-l)} /* Contact (20.10.2026): harta stă sub adrese, lângă formular, și umple înălțimea rămasă */
.camp:focus{border-color:var(--primary);box-shadow:none} /* 20.10.2026: fără outline:none — la tastatură apare conturul comun în două tonuri (.camp:focus-visible, mai jos) */
.transparent{background:transparent}
.rama{border:1px solid var(--neutral-light);border-radius:var(--radius-m);box-shadow:var(--shadow-rama);padding:3px}
section{padding:0 var(--space-m)}
.map-responsive{overflow:hidden;padding-bottom:70%;position:relative;height:0}
.map-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute}
.video-fatada__buton{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:var(--neutral-ultra-dark);cursor:pointer}
.video-fatada__buton img{width:100%;height:100%;object-fit:cover;opacity:.9}
.video-fatada__play{position:absolute;left:50%;top:50%;width:var(--tap-target);height:var(--tap-target);margin:calc(var(--tap-target) / -2) 0 0 calc(var(--tap-target) / -2);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-dark);color:var(--white)}
.video-fatada__play svg{width:var(--icon-size);height:var(--icon-size);fill:currentColor}
.video-fatada__buton:hover .video-fatada__play,.video-fatada__buton:focus-visible .video-fatada__play{background:var(--primary-ultra-dark)}
#whatsapp{display:none;position:fixed;width:57px;height:57px;bottom:20px;z-index:100;right:23px} /* sigla vizibilă cât pe live: 57 px, la 23 px de dreapta și 20 px de jos (Cornel, 20.10.2026) */
#whatsapp img{display:block;width:100%;height:100%}
/* ===== JS modern, faza 1 (19.10.2026) ===== */
/* „Excursii” e buton (tastatură, atingere), cu același aspect ca vechiul paragraf */
a:focus-visible,button:focus-visible,.buton:focus-visible,.camp:focus-visible{outline:var(--border-width) solid var(--neutral-darkest);outline-offset:2px;box-shadow:0 0 0 2px var(--white)}
/* butonul „sus” apare și dispare cu o trecere de 0,5 s (fostul fadeIn/fadeOut din jQuery) */
.back-to-top{transition:opacity .5s}
/* Contact: marcajele .req erau ascunse din jQuery la încărcare; acum direct din CSS */
.req{display:none}
/* ===== Slider de poze (faza 2, 19.10.2026; înlocuiește Fotorama) ===== */
.slider{position:relative;width:100%;overflow:hidden;background:transparent}
.slider__pista{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.slider__pista::-webkit-scrollbar{display:none}
.slider__pista:focus-visible{outline:none}
.slider:has(> .slider__pista:focus-visible)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border:var(--border-width) solid var(--white);outline:var(--border-width) solid var(--neutral-darkest);outline-offset:calc(var(--border-width) * -2)} /* focusul pe poze: alb + închis, desenat peste poze (20.10.2026; #00b087 avea 2,8:1) */
.slider__cadru{flex:0 0 100%;width:100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.slider__cadru img{display:block;width:100%;height:100%;object-fit:cover}
.slider__buton{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;background:transparent;color:var(--white);cursor:pointer;filter:drop-shadow(0 0 2px var(--umbra-sageata))}
.slider__buton svg{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.slider__buton--inapoi{left:0;top:50%;transform:translateY(-50%)}
.slider__buton--inainte{right:0;top:50%;transform:translateY(-50%)}
.slider__buton:focus-visible{outline:var(--border-width) solid var(--white);outline-offset:-4px}
.slider:not(.slider--js) .slider__buton{display:none}
/* Lightbox (dialog nativ): poza mare, săgeți, închidere */
.lightbox:focus{outline:none}
.lightbox{max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;padding:0;border:0;background:var(--scrim);color:var(--white)}
.lightbox::backdrop{background:var(--scrim)}
/* butoanele stau la 16 px de marginea ecranului (marginea laterală a site-ului); poza lasă loc pentru ele (19.10.2026) */
.lightbox__scena{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-5xl);touch-action:pan-y}
.lightbox__poza{display:block;width:100%;height:100%;object-fit:contain} /* poza cât încape pe ecran, ca pe live (Cornel, 19.10.2026) */
.lightbox__buton{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;background:transparent;color:var(--white);cursor:pointer}
.lightbox__buton svg{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* pe ecrane tactile hover-ul rămânea „lipit” după atingere */
.lightbox__buton[hidden]{display:none}
/* contorul stă între săgeți și nu are voie să le acopere: pe telefon le lua atingerile (19.10.2026) */
.lightbox__buton:focus-visible{outline:var(--border-width) solid var(--primary);outline-offset:-4px}
.lightbox__inchide{top:var(--space-s);right:var(--space-s)}
.lightbox__inapoi{left:var(--space-s);top:50%;transform:translateY(-50%)}
.lightbox__inainte{right:var(--space-s);top:50%;transform:translateY(-50%)}
.lightbox__contor{position:absolute;left:0;right:0;bottom:var(--space-s);line-height:var(--tap-target);text-align:center;font-size:var(--text-m);color:var(--neutral-light);pointer-events:none}
/* ===== Galeria foto (faza 3, 19.10.2026; înlocuiește Media Boxes) ===== */
.galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl);margin:var(--space-m) 0 0} /* fără margine jos: spațiul până la secțiunea următoare îl dă secțiunea (20.10.2026) */
.galerie--albume{grid-template-columns:repeat(4,minmax(0,1fr))} /* 4 albume: un rând plin (nu 3 + 1) */
.galerie__album,.galerie__poza{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:2px;background:var(--neutral-ultra-light)}
.galerie__album img,.galerie__poza img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galerie__album:hover img,.galerie__poza:hover img{transform:scale(1.04)}
.galerie__poza{cursor:zoom-in}
.galerie__eticheta{position:absolute;left:0;right:0;bottom:0;padding:var(--space-2xl) var(--space-s) var(--space-s);background:linear-gradient(to top,var(--veil-eticheta),rgba(0,0,0,0));color:var(--white)}
.galerie__titlu{display:block;font-size:var(--text-m);font-weight:var(--font-weight-bold);line-height:1.3}
.galerie__numar{display:block;font-size:var(--text-s);font-style:italic;opacity:.9}
.galerie__cale{margin:var(--space-xs) 0 0;font-size:var(--text-m);color:var(--neutral-dark)}
.galerie__cale a{color:var(--primary-dark);text-decoration:underline}
/* ===== Imaginea mare de pe prima pagină (faza 4, 19.10.2026; înlocuiește Revolution Slider) ===== */
.hero{position:relative;width:100%;height:min(500px,calc(100vw * 500 / 1140));overflow:hidden;background:var(--neutral-ultra-light)}
.hero__cadru{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease}
.hero__cadru.e-activ{opacity:1;z-index:1}
.hero__cadru img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center center}
.hero__cadru.e-activ .kb-in-st{animation:hero-kb-in-st var(--kb-durata,14s) linear forwards}
.hero__cadru.e-activ .kb-out-dr{animation:hero-kb-out-dr var(--kb-durata,12s) linear forwards}
@keyframes hero-kb-in-st{from{transform:scale(1)}to{transform:scale(1.3) translateX(8%)}}
@keyframes hero-kb-out-dr{from{transform:scale(1.1) translateX(4.5%)}to{transform:scale(1) translateX(0)}}
.hero__titlu{position:absolute;z-index:3;left:0;right:0;top:50%;margin:0;transform:translateY(calc(-50% - 40px * min(1, 100vw / 1140px)));text-align:center;color:var(--white);font-family:Geneva,sans-serif;font-weight:400;font-size:clamp(21px,calc(100vw * 60 / 1140),60px);line-height:1.1;letter-spacing:clamp(2px,calc(100vw * 8 / 1140),8px);text-transform:uppercase;white-space:nowrap;pointer-events:none;text-shadow:var(--umbra-titlu)}
.hero__titlu span span{display:inline-block}
/* literele apar una câte una (0,5 s) și dispar la 4 s, doar pe prima poză, ca înainte */
.hero .hero__titlu span span{transform:scale(0);opacity:0}
.hero.titlu-anim .hero__titlu span span{animation:hero-litera-in .5s cubic-bezier(.65,0,.35,1) calc(.5s + var(--i) * .08s) forwards,hero-litera-out .5s cubic-bezier(.65,0,.35,1) calc(4s + var(--i) * .08s) forwards}
@keyframes hero-litera-in{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes hero-litera-out{from{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}
.hero__pauza{position:absolute;z-index:4;right:var(--space-2xs);bottom:var(--space-2xs);display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;border-radius:50%;background:var(--veil-buton);color:var(--white);cursor:pointer}
.hero__pauza svg{width:var(--icon-size);height:var(--icon-size)}
.hero__i-pauza{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.hero__i-porneste{fill:currentColor;display:none}
.hero.e-oprit .hero__i-pauza{display:none}
.hero.e-oprit .hero__i-porneste{display:block}
.hero.e-oprit .hero__cadru img,.hero.e-oprit .hero__titlu span span{animation-play-state:paused}
.hero__pauza:focus-visible{outline:var(--border-width) solid var(--white);outline-offset:2px}
.lightbox-deschis #whatsapp{display:none}
/* cât e deschis lightbox-ul, WhatsApp nu stă sub săgeata din dreapta */
/* semnătura din footer: link doar pe „Lotca Studio” (regula Lotca, 19.10.2026) */
.semnatura-lotca{color:var(--white);text-decoration:none}
/* ===== Stiluri mutate din HTML (19.10.2026, curățare cod; aceleași valori ca atributele style de înainte) ===== */
textarea.contact-mesaj{height:100px}
.message{margin:1em 0;padding:0.75em;border-radius:var(--radius-m);font-weight:var(--font-weight-bold);opacity:1;transition:opacity 1s ease}
.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}
.error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}
.honeypot{display:none;visibility:hidden}
.skip-link{position:fixed;left:8px;top:-100px;z-index:1000;padding:12px 16px;background:var(--white);color:var(--neutral-darkest);font-weight:var(--font-weight-bold)}
.skip-link:focus{top:8px}
.ascuns-vizual{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3{text-wrap:balance}
/* ===== Insigna „Recenzii Google” pe Contact (varianta C, 19.10.2026; înlocuiește review-widget.net) ===== */
.recenzii-google{display:inline-flex;align-items:center;gap:var(--space-2xs);max-width:100%;height:var(--tap-target);padding:0 var(--space-xs);margin:var(--space-3xs) 0 var(--space-s);background:var(--white);border:var(--border-width) solid var(--primary);border-radius:calc(var(--tap-target) / 2);color:var(--neutral-ultra-dark);font-size:var(--text-m);font-family:Geneva,sans-serif,Helvetica,Arial;white-space:nowrap;text-decoration:none}
.recenzii-google:hover{border-color:var(--primary-dark)}
.recenzii-google__g{width:var(--icon-size);height:var(--icon-size);flex:none}
.recenzii-google b{font-weight:var(--font-weight-bold)}
.recenzii-google__stele{position:relative;display:inline-block;color:var(--neutral-light);font-size:var(--text-m);line-height:1}
.recenzii-google__stele span{position:absolute;left:0;top:0;width:var(--plin,100%);overflow:hidden;white-space:nowrap;color:var(--secondary)}
.recenzii-google__numar{color:var(--primary-dark)}
/* în coloane sub 300 px (laptop 992–1199 px, telefoane de 360 px) stelele nu mai încap: rămân nota și numărul */
.recenzii-google-loc{container-type:inline-size}
@container (max-width:300px){.recenzii-google__stele{display:none}}
/* ===== Lista „Ce spun oaspeții noștri” pe Contact (varianta A, 19.10.2026; înlocuiește SociableKIT) ===== */
.recenzii{margin:var(--space-2xl) 0;font-family:Geneva,sans-serif,Helvetica,Arial;color:var(--neutral-ultra-dark)}
.recenzii__titlu{text-transform:uppercase;font-size:var(--text-l);font-weight:var(--font-weight-bold);color:var(--primary-dark);margin:0 0 var(--space-m)}
.recenzii__grila{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-m)}
.recenzii__card{background:var(--white);border:1px solid var(--neutral-light);padding:var(--space-m)}
.recenzii__cap{display:flex;gap:var(--space-xs);align-items:center;margin-bottom:var(--space-xs)}
.recenzii__initiala{flex:none;display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);border-radius:50%;background:var(--primary);color:var(--white);font-weight:var(--font-weight-bold);font-size:var(--text-l)}
.recenzii__card:nth-child(4n+1) .recenzii__initiala{background:var(--primary-dark)} /* cercuri în culori diferite, din paleta cardurilor (Cornel, 20.10.2026) */
.recenzii__card:nth-child(4n+2) .recenzii__initiala{background:var(--tour-2-days)}
.recenzii__card:nth-child(4n+3) .recenzii__initiala{background:var(--tour-3-days)}
.recenzii__card:nth-child(4n+4) .recenzii__initiala{background:var(--tour-4-days)}
.recenzii__autor{display:block;font-size:var(--text-m);color:var(--primary-dark)}
.recenzii__stele{color:var(--secondary);font-size:var(--text-m);letter-spacing:1px}
.recenzii__meta{display:block;font-size:var(--text-s);color:var(--neutral-dark)}
.recenzii__text{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.recenzii__text p{margin:0 0 var(--space-2xs);font-size:var(--text-m);line-height:1.55}
.recenzii__link{display:inline-block;margin-top:var(--space-2xs);font-size:var(--text-s);color:var(--primary-dark);text-decoration:underline}
.recenzii__toate{display:inline-flex;align-items:center;height:var(--tap-target);padding:0 var(--space-m);margin-top:var(--space-m);border:var(--border-width) solid var(--primary);color:var(--primary-dark);font-size:var(--text-m);text-decoration:none}
/* ===== Footerul (varianta B, 19.10.2026): fotografia cu pelicani rămâne; regulile casei: iconițe 24 px, cercuri 48 px, text 16 px ===== */
.subsol{color:var(--neutral-ultra-light);font-family:Geneva,sans-serif,Helvetica,Arial;font-size:var(--text-m);line-height:1.5}
.subsol p{text-align:left}
.subsol .cadru{padding-top:var(--space-3xl);padding-bottom:var(--space-s)}
.subsol a{color:var(--white);text-decoration:none}.subsol a:hover{text-decoration:underline}
.subsol__grila{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1fr;gap:var(--space-xl)}
.subsol__brand{font-size:var(--text-l);font-weight:var(--font-weight-bold);color:var(--white);margin:0 0 var(--space-2xs)}
.subsol__slogan{color:var(--white);font-size:var(--text-m);margin:0 0 var(--space-s);text-shadow:0 1px 2px var(--umbra-text)}
.subsol__titlu{font-size:var(--text-s);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-bold);color:var(--white);margin:0 0 var(--space-s)}
.subsol__meniu,.subsol__lista{list-style:none;margin:0;padding:0}
.subsol__meniu li{margin-bottom:var(--space-2xs)}.subsol__meniu a{display:inline-block;min-height:var(--space-l)}
.subsol__lista li{display:flex;gap:var(--space-xs);align-items:flex-start;margin-bottom:var(--space-xs)}
.subsol__lista a{display:inline-flex;gap:var(--space-xs);align-items:center;min-height:var(--space-l);white-space:nowrap}
.subsol__i{width:var(--icon-size);height:var(--icon-size);flex:none}
.subsol__social{display:flex;gap:var(--space-xs);margin-top:var(--space-2xs)}
.subsol__social a{display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);border-radius:50%;background:var(--primary)}
.subsol__limbi{display:flex;gap:var(--space-xs);margin-top:var(--space-s)}.subsol__limbi a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.subsol__limbi img{width:32px;height:32px}
.subsol__carduri{display:block;background:var(--white);border-radius:var(--radius-m);padding:var(--space-3xs);width:150px;height:auto}
.subsol__mic{font-size:var(--text-s);margin:var(--space-l) 0 var(--space-2xs);color:var(--neutral-light)}
.subsol__dd img{display:block;background:var(--white);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-s);width:180px;height:auto}
.subsol__jos{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2xs) var(--space-l);border-top:1px solid var(--linie-pe-inchis);margin-top:var(--space-xl);padding:var(--space-s) var(--space-4xl) var(--space-s) 0;font-size:var(--text-s)}
.subsol__jos p{margin:0}
.subsol__sus{position:absolute;right:0;top:var(--space-xs);display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);border:var(--border-width) solid var(--white)}
/* ===== Paginile de excursie: componentele din propunerea aprobată pe pânză (20.10.2026). Doar tokeni. ===== */
.galerie__poza[hidden]{display:none}
.galerie-mozaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2xs);margin-top:var(--space-l)} /* poze pătrate (Cornel, 20.10.2026) */
.galerie-mozaic .galerie__poza{aspect-ratio:1 / 1;border-radius:0}
.galerie-mozaic .galerie__poza:first-child{grid-column:span 2;grid-row:1 / span 2}
.galerie-grila{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2xs)}
.galerie-grila .galerie__poza{border-radius:0}
.galerie-mozaic .galerie__poza,.galerie-grila .galerie__poza{cursor:default}
.galerie-mozaic div.galerie__poza:hover img,.galerie-grila .galerie__poza:hover img{transform:none}
.galerie-grila__toate{margin:var(--space-s) 0 0}
.buton .icon{flex:none;margin-right:var(--space-2xs)}
.tur-cap{margin:var(--space-3xl) 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-l) var(--space-3xl);align-items:end}
.tur-cap h1{margin:0 0 var(--space-s)}
.tur-cap__text p{margin:0}
.tur-pret{text-align:right}
.tur-pret__eticheta{display:block;font-size:var(--text-s)}
.tur-pret b{display:block;font-size:var(--text-2xl);line-height:1;color:var(--primary-dark)}
.tur-pret .btn-rezervare{margin-top:var(--space-s)}
.tur-cap .fapte{grid-column:1 / -1}
.fapte{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--neutral-light);border-bottom:1px solid var(--neutral-light)}
.fapt{display:flex;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-s) var(--space-s) var(--space-s) 0;line-height:1.35}
.fapt+.fapt{border-left:1px solid var(--neutral-light);padding-left:var(--space-s)}
.fapt .icon{color:var(--primary);margin-top:2px}
.fapt__eticheta{display:block;font-size:var(--text-s)}
.fapt b{display:block}
.tur-doua{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-3xl);align-items:start;margin-top:var(--space-3xl)}
.titlu-sectiune{padding-bottom:var(--space-s);margin:var(--space-3xl) 0 0;border-bottom:1px solid var(--neutral-light);text-transform:uppercase}
.tur-zi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--space-l) var(--space-3xl);padding:var(--space-l) 0;border-bottom:1px solid var(--neutral-light)}
.tur-zi:has(+ .tur-zi--continuare){border-bottom:0;padding-bottom:var(--space-3xl)}
.tur-zi--continuare{padding-top:0} /* a doua parte a aceleiași zile, cu galeria ei (o galerie lângă textul ei) */
.tur-zi__cap{display:flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-s)}
.tur-zi__cap h2{margin:0;font-size:var(--text-l)}
.tur-zi__nr{width:var(--tap-target);height:var(--tap-target);flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-dark);color:var(--white);border-radius:var(--radius-s);font-size:var(--text-s);font-weight:var(--font-weight-bold);line-height:1.1}
.tur-ora{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xs);margin-top:var(--space-s)} /* ora deasupra, textul pe toată lățimea (20.10.2026) */
.tur-ora__ce>:last-child{margin-bottom:0}
.tur-ora__ora{white-space:nowrap;font-size:var(--text-s);font-weight:var(--font-weight-bold);color:var(--primary-dark)}
.tur-ora__ce>b{display:block;margin-bottom:var(--space-2xs)}
.tur-zi__dreapta>.rama{margin-bottom:var(--space-s)} /* pozele deschid coloana din dreapta, textul continuă sub ele */
.traseu{display:flex;gap:var(--space-2xs);margin:0 0 var(--space-s);padding:var(--space-s);font-size:var(--text-s);color:var(--neutral-ultra-dark);background:var(--neutral-ultra-light)}
.traseu .icon{color:var(--primary-dark)}
.tur-preturi{margin-top:var(--space-3xl);padding:var(--space-3xl) var(--space-l);background:var(--neutral-ultra-light)} /* în lățimea panoului, ca să nu rupă fundalul (Cornel, 20.10.2026) */
.tur-trei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3xl)}
.tur-trei h3{margin:0 0 var(--space-s)}
.lista-bife{list-style:none;margin:0 0 var(--space-l);padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}
.lista-bife li{display:flex;align-items:flex-start;gap:var(--space-2xs)}
.lista-bife .icon{color:var(--primary);margin-top:calc((1em * var(--line-height-body) - var(--icon-size)) / 2)}
.tabel-preturi{width:100%;border-collapse:collapse}
.tabel-preturi td,.tabel-preturi th{text-align:start;font-weight:inherit;padding:var(--space-2xs) 0;border-bottom:1px solid var(--neutral-light);color:var(--neutral-ultra-dark);white-space:nowrap}
.tabel-preturi td:last-child{text-align:right}
.tabel-preturi th{padding-right:var(--space-s)}
.tabel-preturi tbody tr:first-child td,.tabel-preturi tbody tr:first-child th{font-weight:var(--font-weight-bold);color:var(--primary-dark)}
.tur-conditii{margin-top:var(--space-3xl);padding:var(--space-l) var(--space-l);background:var(--white)}
.tur-conditii h2{margin:0 0 var(--space-s);font-size:var(--text-l)}
/* ===== Contact (20.10.2026, după design system) ===== */
.contact-titlu{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-s);padding-bottom:var(--space-s);border-bottom:1px solid var(--neutral-light)}
.contact-titlu h1{margin:0}
.contact-titlu .recenzii-google-loc{flex:0 1 330px;margin-left:auto;text-align:right} /* are container-type: fără lățime de bază s-ar strânge la 0 */
.contact-titlu .recenzii-google{margin:0}
 /* recenziile în dreapta și când trec pe rândul al doilea */
.contact-grila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl);margin-top:var(--space-3xl)}
.contact-stanga{display:flex;flex-direction:column}
.contact-gazda{margin-bottom:var(--space-3xl);padding-bottom:var(--space-l);border-bottom:1px solid var(--neutral-light);columns:2;column-gap:var(--space-3xl)} /* căpitanul deschide recenziile: cine vă așteaptă, apoi ce spun oaspeții */
.contact-gazda::after{content:"";display:table;clear:both}
.contact-gazda__poza{float:left;width:150px;height:150px;margin:0 var(--space-l) var(--space-s) 0}
.contact-gazda p{margin:0}
.contact-date{list-style:none;margin:0;padding:0;border-top:1px solid var(--neutral-light)}
.contact-date li>a,.contact-date li>div{display:flex;align-items:flex-start;gap:var(--space-s);padding:var(--space-s) 0;border-bottom:1px solid var(--neutral-light);color:inherit;text-decoration:none}
.contact-date .icon{color:var(--primary-dark);margin-top:2px}
.contact-date__eticheta{display:block;font-size:var(--text-s)}
.contact-date b{display:block}
.contact-date a:hover b,.contact-date a:focus b{color:var(--primary-dark);text-decoration:underline}
.contact-formular{background:var(--white);box-shadow:var(--shadow-m);padding:var(--space-l)}
.contact-formular h2{margin:0 0 var(--space-s)}
.contact-campuri{display:grid;grid-template-columns:minmax(0,1fr)}
.contact-campuri__lat,.contact-campuri .honeypot,.contact-campuri .req{grid-column:1 / -1}
.contact-recenzii{margin-top:var(--space-3xl);padding:var(--space-3xl) var(--space-l);background:var(--neutral-ultra-light)}
.contact-recenzii__cere{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-s);margin-bottom:var(--space-l);padding:0 var(--space-s)} /* 15px = marginea coloanelor Bootstrap din lista de recenzii */
.contact-recenzii__cere p{margin:0;max-width:70ch}
/* ===== Cardurile de excursii pe o grilă comună (20.10.2026): titlurile de pe același rând au aceeași înălțime, blocul cu prețul pornește de la aceeași linie ===== */
.excursii-bloc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-l) var(--space-s);margin-top:var(--space-m);margin-bottom:var(--space-3xl)} /* 20 px + 12 px din titlu = 32 px deasupra textului titlului, pe toate paginile (Cornel, 20.10.2026) */ /* cardurile și titlul pe marginea conținutului (Cornel, 20.10.2026) */
.excursii-bloc>.lead-title{grid-column:1 / -1;margin-bottom:-12px} /* între titlu și carduri 12 px: distanța dintre rânduri (24) minus 12 (Cornel, 20.10.2026) */
.excursii-bloc>.Column4{display:grid;grid-row:span 3;grid-template-rows:subgrid}
.excursii-bloc .pricing-col{display:grid;grid-row:span 3;grid-template-rows:subgrid;width:auto;float:none;margin-bottom:0}
.excursii-bloc .pricing-col>ul{display:grid;grid-row:span 3;grid-template-rows:subgrid;align-content:start}
.excursii-bloc>.Column4,.excursii-bloc .pricing-col,.excursii-bloc .pricing-col>ul{row-gap:0} /* fără spațiu între titlu, preț și poză; distanța dintre rânduri rămâne doar între carduri */
.excursii-bloc .pricing-col li.pricing-details{display:flex;flex-direction:column;align-items:center}
.excursii-bloc .pricing-col li.pricing-details a.signup-btn{margin-top:auto} /* butoanele din același rând stau la aceeași înălțime, fără verde gol sub ele */
/* ===== Variante de durată (o zi, tururi private), 20.10.2026 ===== */
.variante{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l);margin-top:var(--space-l)}
.varianta{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--neutral-light)}
.varianta__harta img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-bottom:1px solid var(--neutral-light)}
.varianta__corp{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-l);flex:1}
.varianta__corp .fapt{padding:0;border:0}
.varianta__corp h3{margin:0}
.varianta__desc{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.varianta__corp .buton{margin-top:auto;align-self:flex-start}
.varianta__pret{margin:0;font-weight:var(--font-weight-bold);color:var(--primary-dark);font-size:var(--text-l)}
/* ===== Bărcile (20.10.2026) ===== */
.barci-intro{max-width:80ch;margin:var(--space-l) 0 0}
.barci-grila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3xl);margin-top:var(--space-3xl)}
.barca h2{margin:var(--space-s) 0 var(--space-2xs)}
.barca>:last-child{margin-bottom:0}
.barca img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}
/* ===== Tabletă și telefon (≤991 px): un singur bloc (20.10.2026) ===== */
/* ===== Popupul de rezervare (varianta A, Cornel 20.10.2026): fereastră în mijloc, câmpurile pe două coloane ===== */
.rezervare{width:min(640px,calc(100vw - var(--space-xl)));max-height:calc(100dvh - var(--space-s));padding:var(--space-l);border:0;border-radius:var(--radius-m);background:var(--white);color:var(--neutral-ultra-dark);box-shadow:var(--shadow-l);overflow:auto}
.rezervare::backdrop{background:var(--veil-meniu)}
.rezervare h2{margin:0 var(--space-3xl) var(--space-3xs) 0}
.rezervare__sub{margin:0 var(--space-3xl) var(--space-s) 0;color:var(--neutral-dark)} /* loc pentru ✕ */
.rezervare h2:focus{outline:none} /* focusul pus la deschidere pe titlu, nu pe ✕ */
.rezervare__inchide{position:absolute;top:var(--space-s);right:var(--space-s);display:flex;align-items:center;justify-content:center;width:var(--tap-target);height:var(--tap-target);padding:0;border:0;border-radius:var(--radius-s);background:transparent;color:var(--neutral-ultra-dark);cursor:pointer}
.rezervare__inchide:hover{background:var(--neutral-ultra-light)}
.rezervare__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--space-xs) var(--space-s)} /* tot formularul încape pe ecran (Cornel, 20.10.2026): perechile stau alături și pe telefon */
.rezervare__form[hidden]{display:none} /* după trimitere rămâne doar mesajul (test.godanubedelta.com, 20.10.2026: formularul gol rămânea pe ecran) */
.rezervare__form .camp-grup{margin:0;min-width:0}
.rezervare__form .camp{width:100%;min-width:0}
.rezervare__form input[type=date].camp{display:block;max-width:100%;padding-left:var(--space-xs);padding-right:var(--space-xs);-webkit-appearance:none;appearance:none;line-height:calc(var(--tap-target) - 2 * var(--border-width))} /* iPhone: Safari dă câmpului de dată o lățime minimă proprie și îl scotea din coloană (Cornel, 20.10.2026) */
.rezervare__form input[type=date].camp::-webkit-date-and-time-value{text-align:left;margin:0}
.rezervare__lat{grid-column:1/-1}
.rezervare__form textarea.camp{height:var(--tap-target);min-height:var(--tap-target);padding-top:var(--space-xs)}
.rezervare__form label{margin-bottom:var(--space-3xs)}
.rezervare__mesaj{margin:0 0 var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s)}
.rezervare__mesaj.e-ok{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}
.rezervare__mesaj.e-eroare{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}
html.rezervare-deschisa{overflow:hidden}
/* ===== Breakpoint-uri și preferințe ale dispozitivului: câte un bloc, la final (20.10.2026) ===== */
@media (min-width:768px){.cadru{width:750px}}
@media (min-width:992px){
.cadru{width:970px}
.barci__grila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-s)} /* pozele în linie cu cardurile excursiilor (Cornel, 20.10.2026) */
}
@media (min-width:1200px){.cadru{width:1170px}} /* aceleași lățimi ca Bootstrap 3; 1200 e singurul prag în plus, păstrat ca aspectul să rămână identic */
@media (hover:none) and (pointer:coarse){
#whatsapp{display:block}
}
@media (hover:hover){
.lightbox__buton:hover{color:var(--primary)}
}
@media (max-width:991px){
.meniu-tel__jos .btn-rezervare{justify-self:start;display:inline-flex;width:auto;max-width:100%;white-space:normal;text-align:left;line-height:1.25;padding:var(--space-2xs) var(--space-s);gap:var(--space-xs)} /* în meniul de telefon: ca butonul de pe telefon (varianta C) */
.meniu-tel__jos .btn-rezervare__r{display:block}
.antet{padding-bottom:13.34375px}.antet__meniu{display:none}.antet__hamburger{display:block} /* telefon și tabletă: sub număr același spațiu ca deasupra steagurilor */
.galerie{grid-template-columns:repeat(2,minmax(0,1fr))}
.recenzii__grila{grid-template-columns:repeat(2,1fr)}
.tur-doua,.tur-zi,.tur-trei{grid-template-columns:minmax(0,1fr);gap:var(--space-l)}
.fapte{grid-template-columns:repeat(2,minmax(0,1fr))}
.fapt:nth-child(3){border-left:0;padding-left:0}
.fapt:nth-child(n+3){border-top:1px solid var(--neutral-light)}
.contact-grila{grid-template-columns:minmax(0,1fr)}.contact-gazda{columns:1} /* după regulile de bază ale contactului, ca să le schimbe */
.excursii-bloc{grid-template-columns:repeat(2,minmax(0,1fr))}
.variante{grid-template-columns:minmax(0,1fr)}
}
/* ===== Telefon (≤767 px): un singur bloc, după cel de tabletă (20.10.2026) ===== */
@media (max-width:767px){
.rezervare{width:calc(100vw - var(--space-s));padding:var(--space-s)}.rezervare__form{gap:var(--space-2xs) var(--space-xs)} /* popupul pe telefon: tot pe ecran */
.wrapper{background-image:url(../images/body_bg-tel.jpg),url(../images/inner-wrapper_bg-tel.jpg);background-image:image-set(url(../images/body_bg-tel.webp) type("image/webp"),url(../images/body_bg-tel.jpg) type("image/jpeg")),image-set(url(../images/inner-wrapper_bg-tel.webp) type("image/webp"),url(../images/inner-wrapper_bg-tel.jpg) type("image/jpeg"))} /* același mijloc al hărții, tăiat la 800 px pentru telefon (20.10.2026) */
.antet{background:none}
section{padding:0}
.page-notfound strong{font-size:90px;line-height:90px}
.lightbox__scena{padding:var(--space-5xl) var(--space-s)}
.lightbox__inapoi,.lightbox__inainte{top:auto;bottom:var(--space-s);transform:none}
.galerie{grid-template-columns:minmax(0,1fr);gap:var(--space-m)}
.recenzii__grila{grid-template-columns:1fr}
.subsol__grila{grid-template-columns:1fr 1fr}.subsol__lat,.subsol__contact,.subsol__col{grid-column:1/-1}.subsol__meniu{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-l)} /* footer pe telefon, varianta C (Cornel, 20.10.2026): linkuri de 48 px pe două coloane, cu linii subțiri */
.subsol__meniu li{margin-bottom:0;border-bottom:1px solid var(--linie-pe-inchis)}
.subsol__meniu a{display:flex;align-items:center;min-height:var(--tap-target)}
.subsol__lista li{margin-bottom:0}
.subsol__lista a{min-height:var(--tap-target)}.subsol__jos{flex-direction:column}.subsol{padding-bottom:var(--space-5xl)}.subsol .cadru{background:var(--veil-buton)}
.galerie-mozaic{grid-template-columns:1fr 1fr}
.galerie-mozaic .galerie__poza:first-child{grid-column:1 / -1;grid-row:auto}
.galerie-mozaic .galerie__poza:nth-child(n+4){display:none}
.tur-cap{margin-top:var(--space-l);grid-template-columns:minmax(0,1fr)}
.tur-pret{text-align:left}
.tabel-preturi td:last-child{white-space:normal} /* pe telefon prețul lung („160 EURO / pers. / excursion”) poate trece pe al doilea rând */
.fapte{grid-template-columns:minmax(0,1fr)}
.fapt,.fapt+.fapt,.fapt:nth-child(3){border-left:0;padding-left:0}
.fapt+.fapt{border-top:1px solid var(--neutral-light)}
.btn-rezervare{display:inline-flex;width:auto;max-width:100%;white-space:normal;text-align:left;line-height:1.25;padding:var(--space-2xs) var(--space-s);gap:var(--space-xs)} /* „Rezervă acum” pe telefon: 16 px, iconița calendar, două rânduri, lat cât scrisul (Cornel, 20.10.2026, varianta C) */
.btn-rezervare__r{display:block}
.tur-conditii{padding:var(--space-l) var(--space-s)}
.tur-preturi,.contact-recenzii{padding:var(--space-l) var(--space-s)}
.call-to-action-box{grid-template-columns:minmax(0,1fr);padding:var(--space-l) var(--space-s)}
.galerie-grila{grid-template-columns:repeat(2,minmax(0,1fr))}
.galerie-grila-bloc:not(.galerie-grila-bloc--toate) .galerie__poza:nth-child(n+5){display:none}
.contact-titlu .recenzii-google-loc{margin-left:0;text-align:left}
.contact-formular{padding:var(--space-l) var(--space-s)}
.excursii-bloc{grid-template-columns:minmax(0,1fr);margin-left:0;margin-right:0}
.barci-grila{grid-template-columns:minmax(0,1fr)}
}
/* ===== Animații varianta B (ca pe prototipul PGL Greci; Cornel, 20.10.2026) =====
   Fără control nativ în Bricks („bricks-bridge”): @view-transition, @starting-style, ::view-transition-*. */
/* apariția la derulare: site.js pune .fx pe <html> și .is-in pe element, o singură dată; fără JS totul se vede */
.fx .reveal{opacity:0;transform:translateY(24px);transition:opacity var(--motion-reveal) ease,transform var(--motion-reveal) ease}
.fx .reveal.is-in{opacity:1;transform:none}
/* trecerea între pagini: pagina veche urcă și se stinge, cea nouă urcă de jos; headerul și WhatsApp stau pe loc */
@view-transition{navigation:auto}
.antet{view-transition-name:antet;z-index:2} /* numele de tranziție face din header un strat separat: z-index îl ține, cu submeniul, deasupra conținutului */
#whatsapp{view-transition-name:bara}
::view-transition-group(antet),::view-transition-group(bara){animation:none}
::view-transition-old(root){animation:pagina-iese var(--motion-out) ease-in both}
::view-transition-new(root){animation:pagina-intra var(--motion-in) .08s var(--ease-out) both}
html.vt-foto::view-transition-old(root),html.vt-foto::view-transition-new(root){animation:none} /* la lightbox se mișcă doar poza, nu pagina */
@keyframes pagina-iese{to{opacity:0;transform:translateY(-16px)}}
@keyframes pagina-intra{from{opacity:0;transform:translateY(28px)}}
/* galeria: poza crește din miniatura apăsată (site.js dă numele „foto” miniaturii, apoi pozei mari) */
::view-transition-group(foto){animation-duration:var(--motion-foto);animation-timing-function:var(--ease-out)}
/* ferestrele (rezervare, lightbox): apar treptat, cu fundalul; popupul de rezervare urcă și 48 px */
dialog,dialog::backdrop{transition:opacity var(--motion-dialog),transform var(--motion-dialog) var(--ease-out),overlay var(--motion-dialog) allow-discrete,display var(--motion-dialog) allow-discrete}
dialog,dialog::backdrop{opacity:0}
dialog[open],dialog[open]::backdrop{opacity:1}
@starting-style{dialog[open],dialog[open]::backdrop{opacity:0}}
.rezervare{transform:translateY(48px)}
.rezervare[open]{transform:none}
@starting-style{.rezervare[open]{transform:translateY(48px)}}
/* meniul de pe telefon: rândurile apar pe rând, după ce panoul s-a oprit (varianta B, Cornel 20.10.2026: „se derulează prea repede”) */
.meniu-tel__nav>ul>li{opacity:0;transform:translateY(12px);transition:opacity var(--motion-menu-rand),transform var(--motion-menu-rand) var(--ease-out)}
.offcanvas-menu-open .meniu-tel__nav>ul>li{opacity:1;transform:none;transition-delay:var(--motion-menu)}
.offcanvas-menu-open .meniu-tel__nav>ul>li:nth-child(2){transition-delay:calc(var(--motion-menu) + var(--motion-menu-pas))}
.offcanvas-menu-open .meniu-tel__nav>ul>li:nth-child(3){transition-delay:calc(var(--motion-menu) + 2 * var(--motion-menu-pas))}
.offcanvas-menu-open .meniu-tel__nav>ul>li:nth-child(4){transition-delay:calc(var(--motion-menu) + 3 * var(--motion-menu-pas))}
.offcanvas-menu-open .meniu-tel__nav>ul>li:nth-child(5){transition-delay:calc(var(--motion-menu) + 4 * var(--motion-menu-pas))}
/* ===== Mișcare redusă (setarea din sistem) ===== */
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
.fx .reveal{opacity:1;transform:none}
.meniu-tel__nav>ul>li{opacity:1;transform:none}
.pricing-col > ul:hover{transform:none}
.hero .hero__titlu span span{transform:none;opacity:1}
.hero__pauza{display:none}
}