/* * Tema hibrida "noapte carpatina" — aduce situl public la limbajul vizual * al totemului (custom/Omd/Views/totem/_stil.blade.php): navy + chihlimbar, * Fraunces la titluri, Manrope la text, creasta Ciucas ca semnatura. * * Incarcat de Custom\Omd\ModuleProvider prin Assets::registerCss(), in , * DUPA app.css al temei dar INAINTE de ruta core.style.customCss (care * interpoleaza style_main_color). De aceea fiecare regula care se bate cu un * selector din modules/Layout/parts/custom-css.blade.php e prefixata cu `body`: * castiga prin specificitate, nu prin ordine. * * style_main_color ramane navy (#1a2b48): totemul si chatbotul il citesc. * Chihlimbarul exista doar aici. */ /* === 1. Fonturi (gazduite local, nu Google CDN — GDPR) ==================== */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600 700; font-display: swap; src: url('../fonts/fraunces-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 600 700; font-display: swap; src: url('../fonts/fraunces-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500 800; font-display: swap; src: url('../fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Manrope'; font-style: normal; font-weight: 500 800; font-display: swap; src: url('../fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* === 2. Tokenii totemului ================================================= */ :root { --omd-noapte: #131e2b; /* fundalul inchis */ --omd-panou: #1c2b3d; /* suprafete pe fundal inchis */ --omd-panou-atins: #24374e; /* starea apasata */ --omd-chihlimbar: #d98c2b; /* singurul accent */ --omd-chihlimbar-aprins: #f0a848; --omd-chihlimbar-inchis: #a8641a; /* varianta lizibila pe fond deschis (linkuri) */ --omd-piatra: #f4f2ee; /* alb cald — fundalul continutului */ --omd-ceata: rgba(244, 242, 238, .68); --omd-linie: rgba(244, 242, 238, .14); --omd-text-pe-chihlimbar: #221503; --omd-serif: 'Fraunces', Georgia, 'Times New Roman', serif; --omd-ui: 'Manrope', 'Segoe UI', system-ui, sans-serif; } /* === 3. Tipografie si fundal ============================================== */ body { font-family: var(--omd-ui); background: var(--omd-piatra); } body h1, body h2, body h3, body h4, body .title, body .media-heading, body .text-heading, body .modal-title { font-family: var(--omd-serif); font-weight: 600; letter-spacing: -.01em; } /* Continutul paginilor statice (Transparenta, Info utile) respira mai bine. */ body .page-template-content .col-md-12 > h2 { margin-top: 32px; } /* === 4. Bara de sus ======================================================= */ body .bc_topbar { background: var(--omd-noapte); border-bottom: 1px solid var(--omd-linie); } body .bc_topbar a, body .bc_topbar .topbar-items li, body .bc_topbar .topbar-left li { color: var(--omd-ceata); } body .bc_topbar a:hover { color: var(--omd-chihlimbar-aprins); } /* === 5. Antetul =========================================================== */ body .bc_wrap .bc_header { background: var(--omd-noapte); border-bottom: 1px solid var(--omd-linie); } /* Sigla e navy pe transparent: pe antetul inchis o desenam ca sigla alba, monocroma — tratamentul clasic pentru antete inchise. De inlocuit cu o varianta alba desenata de client, daca exista vreodata. */ body .bc_header .bc-logo img, body .bc_footer .bc-logo img { filter: brightness(0) invert(1); } /* Incaperea meniului: containerul flex nu avea voie sa isi imparta latimea (fara justify-content, fara min-width:0 — vezi themes/bc/sass/_header.scss), asa ca itemii dadeau pe dinafara sau se rupeau pe doua randuri. */ body .bc_wrap .bc_header .content { display: flex; align-items: center; justify-content: space-between; min-width: 0; } body .bc_wrap .bc_header .content .header-left { display: flex; align-items: center; min-width: 0; flex: 1 1 auto; } body .bc_wrap .bc_header .content .header-left .bc-menu ul.main-menu { display: flex; flex-wrap: nowrap; white-space: nowrap; } body .bc_wrap .bc_header .content .header-left .bc-menu ul.main-menu > li > a { padding: 35px 14px; font-size: 13px; letter-spacing: .02em; color: var(--omd-piatra); font-family: var(--omd-ui); font-weight: 700; } @media (min-width: 769px) and (max-width: 1200px) { body .bc_wrap .bc_header .content .header-left .bc-menu ul.main-menu > li > a { padding: 35px 9px; font-size: 12.5px; } } body .bc_wrap .bc_header .content .header-left .bc-menu ul li:hover > a { color: var(--omd-chihlimbar-aprins); } body .bc_wrap .bc_header .bc-menu ul li a .caret { color: var(--omd-ceata); } /* Submeniurile: panou de noapte, ca pe totem. */ body .bc_wrap .bc_header .bc-menu ul li ul.menu-dropdown { background: var(--omd-panou); border: 1px solid var(--omd-linie); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); padding: 8px 0; overflow: hidden; } body .bc_wrap .bc_header .bc-menu ul li ul.menu-dropdown li a { color: var(--omd-piatra); font-size: 13px; padding: 10px 22px; } body .bc_wrap .bc_header .bc-menu ul li ul.menu-dropdown li a:hover, body .bc_wrap .bc_header .bc-menu ul li ul.menu-dropdown li:hover > a { background: var(--omd-panou-atins); color: var(--omd-chihlimbar-aprins); } /* Partea dreapta a antetului (limba, autentificare, butonul de meniu mic). */ body .bc_header .header-right, body .bc_header .header-right a, body .bc_header .header-right .topbar-items li { color: var(--omd-piatra); } body .bc_header .header-right a:hover { color: var(--omd-chihlimbar-aprins); } body .bc_header .bc-more-menu { color: var(--omd-piatra); } /* Antetul lipicios pastreaza acelasi fundal cand se prinde de sus. */ body .bc_header.has_sticky.is-fixed, body .bc_header.has_sticky.sticky, body .bc_header.header-sticky { background: var(--omd-noapte); } /* Meniul mobil (sertarul de sub 768px). */ body .bc-menu-mobile { background: var(--omd-noapte); } body .bc-menu-mobile a { color: var(--omd-piatra); } body .bc-menu-mobile a:hover { color: var(--omd-chihlimbar-aprins); } /* Paginile de cautare cu harta: tema imparte antetul 80/20 ca sa faca loc listei mutate de header_right_menu; lista e scoasa din JS (Omd::frontend.antet-harta), aici raman doar regulile de geometrie. */ body.omd-antet-standard .bc_topbar { display: block !important; } body.omd-antet-standard .bc_wrap .bc_header .header-left, body.omd-antet-standard .bc_wrap .bc_header .header-right { width: auto; } body.omd-antet-standard .bc_wrap .bc_header .header-right { margin-left: auto; } /* === 6. Accente si butoane (chihlimbar) =================================== */ /* Oglindesc selectorii din modules/Layout/parts/custom-css.blade.php, cu prefix `body` ca sa castige asupra rutei care se incarca dupa noi. */ body .btn.btn-primary, body .btn.btn-primary:active, body .btn-primary:not(:disabled):not(.disabled):active, body .bc_wrap .bc_form .g-button-submit button, body .bc_wrap .bc_search_tour .bc_form_search .bc_form .g-button-submit button, body .bc_wrap .page-template-content .bc-form-search-tour .bc_form_search_tour .g-button-submit button, body .bc-reviews .review-form .btn { background: var(--omd-chihlimbar); border-color: var(--omd-chihlimbar); color: var(--omd-text-pe-chihlimbar); font-family: var(--omd-ui); font-weight: 700; } body .btn.btn-primary:hover, body .bc_wrap .bc_form .g-button-submit button:hover { background: var(--omd-chihlimbar-aprins); border-color: var(--omd-chihlimbar-aprins); color: var(--omd-text-pe-chihlimbar); } /* Paginarea activa: custom-css pune !important, deci si noi. */ body .bc-pagination ul li.active a, body .bc-pagination ul li.active span { color: var(--omd-text-pe-chihlimbar) !important; background: var(--omd-chihlimbar); border-color: var(--omd-chihlimbar) !important; } /* Etichetele de reducere si scorurile de recenzie. */ body .bc_wrap .page-template-content .bc-list-space .item-loop .sale_info, body .bc_wrap .bc_search_space .bc-list-item .list-item .item-loop .sale_info { background: var(--omd-chihlimbar); color: var(--omd-text-pe-chihlimbar); } /* Linkurile din continut: chihlimbarul curat nu are contrast pe fond deschis (~2.9:1), deci folosim varianta inchisa (~4.8:1). */ body a { color: var(--omd-chihlimbar-inchis); } body a:hover { color: var(--omd-chihlimbar); } /* === 7. Eroul de pe acasa ================================================= */ body .bc-form-search-all .bravo-form-search-all .title, body .bc-form-search-all .title { font-family: var(--omd-serif); letter-spacing: -.01em; } /* Selectorul lung oglindeste tema (si vechiul style_custom_css), altfel pierde. */ body .bc_wrap .page-template-content .bc-form-search-all .g-form-control .nav-tabs li a { background-color: rgba(19, 30, 43, .65); border-color: transparent; color: var(--omd-piatra); } body .bc_wrap .page-template-content .bc-form-search-all .g-form-control .nav-tabs li a.active, body .bc_wrap .page-template-content .bc-form-search-all .g-form-control .nav-tabs li a:hover { background-color: var(--omd-chihlimbar); border-color: var(--omd-chihlimbar); color: var(--omd-text-pe-chihlimbar); } /* Benzile call-to-action (tur virtual, devino membru): panou de noapte cu buton chihlimbar — bg_color #131e2b vine din modelul blocului. */ body .bc-call-to-action .context { border-radius: 12px; padding: 48px 56px; } body .bc-call-to-action .context .title { font-family: var(--omd-serif); font-size: 28px; font-weight: 600; letter-spacing: -.01em; color: var(--omd-piatra); } body .bc-call-to-action .context .sub_title { color: var(--omd-ceata); margin-top: 8px; } /* Tema stileaza butonul cu .bc_wrap .page-template-content ... (alb pe alb) — selectorul trebuie sa fie cel putin la fel de lung. */ body .bc_wrap .page-template-content .bc-call-to-action .context .btn-more { display: inline-block; float: none; background: var(--omd-chihlimbar); color: var(--omd-text-pe-chihlimbar); font-family: var(--omd-ui); font-weight: 700; padding: 14px 32px; border-radius: 999px; margin-top: 18px; } body .bc_wrap .page-template-content .bc-call-to-action .context .btn-more:hover { background: var(--omd-chihlimbar-aprins); color: var(--omd-text-pe-chihlimbar); border-radius: 999px; } /* === 8. Sectiunile de continut ============================================ */ /* Cardurile raman albe pe fondul de piatra; colturi ca pe totem. */ body .bc_wrap .page-template-content .bc-list-hotel .item-loop, body .bc_wrap .page-template-content .bc-list-space .item-loop, body .bc_wrap .page-template-content .bc-list-tour .item-loop, body .bc_wrap .page-template-content .bc-list-news .item-news { border-radius: 12px; overflow: hidden; background: #fff; } /* Titlurile de sectiune cu un fir de chihlimbar dedesubt. */ body .bc_wrap .page-template-content .list-item > .title, body .bc_wrap .page-template-content .bc-list-hotel .title, body .bc_wrap .page-template-content .bc-list-news .title { font-family: var(--omd-serif); } /* Badge-ul "in curand" de pe paginile Transparenta / Info utile. */ body .omd-in-curand { display: inline-block; margin-left: 8px; padding: 2px 12px; border: 1px solid var(--omd-chihlimbar); border-radius: 999px; color: var(--omd-chihlimbar-inchis); font-family: var(--omd-ui); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; vertical-align: 2px; } body .omd-doc-lista li { margin-bottom: 8px; } /* === 9. Subsolul cu creasta Ciucas ======================================== */ /* Creasta (custom/Omd/Views/totem/_creasta.blade.php) desparte continutul de subsol: doua straturi navy peste fondul de piatra, ca pe totem. currentColor nu functioneaza in background-image, deci culorile-s coapte. */ body .bc_footer::before { content: ''; display: block; height: 56px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 56' preserveAspectRatio='none'%3E%3Cpath fill='%23131e2b' opacity='.45' d='M0 56 L0 50 L34 44 L70 48 L104 38 L138 44 L170 32 L204 42 L240 36 L274 46 L310 40 L348 50 L400 46 L400 56 Z'/%3E%3Cpath fill='%23131e2b' opacity='.9' d='M0 56 L0 44 L28 36 L52 40 L78 26 L96 30 L118 14 L128 22 L142 8 L150 16 L166 4 L178 18 L192 10 L210 26 L232 20 L254 34 L278 24 L302 38 L330 30 L356 42 L380 36 L400 44 L400 56 Z'/%3E%3C/svg%3E") bottom / 100% 100% no-repeat, var(--omd-piatra); } body .bc_footer { background: var(--omd-noapte); color: var(--omd-ceata); } body .bc_footer .main-footer { border-bottom: 1px solid var(--omd-linie); } body .bc_footer h3, body .bc_footer .title, body .bc_footer h4 { font-family: var(--omd-serif); color: var(--omd-chihlimbar-aprins); font-weight: 600; } body .bc_footer a { color: var(--omd-ceata); } body .bc_footer a:hover { color: var(--omd-piatra); } body .bc_footer p, body .bc_footer li { color: var(--omd-ceata); } /* Selectorii lungi oglindesc tema: linkurile widgeturilor erau navy pe navy. */ body .bc_wrap .bc_footer .main-footer .nav-footer .context ul li a { color: var(--omd-ceata); } body .bc_wrap .bc_footer .main-footer .nav-footer .context ul li a:hover { color: var(--omd-chihlimbar-aprins); } body .bc_wrap .bc_footer .main-footer .nav-footer .context .contact { border-left-color: var(--omd-chihlimbar); } body .bc_wrap .bc_footer .main-footer .nav-footer .context .contact .c-title { color: var(--omd-ceata); } body .bc_wrap .bc_footer .main-footer .nav-footer .context .contact .sub, body .bc_wrap .bc_footer .main-footer .nav-footer .context .contact .sub a, body .bc_wrap .bc_footer .main-footer .nav-footer .context .contact .sub a i { color: var(--omd-piatra); } body .bc_footer .copy-right { border-top: 1px solid var(--omd-linie); color: var(--omd-ceata); } body .bc_footer .copy-right a { color: var(--omd-ceata); text-decoration: underline; } body .bc_footer .copy-right a:hover { color: var(--omd-chihlimbar-aprins); } /* Abonarea la newsletter: cardul deschis pe fond de noapte — aceeasi unica inversare deschis-pe-inchis ca la cardul QR de pe totem. Ambii selectori, fiindca .bc_wrap nu exista pe toate paginile si specificitatea ar sari. */ body .bc_footer .mailchimp, body .bc_wrap .bc_footer .mailchimp { background: var(--omd-piatra); border-radius: 12px; } body .bc_wrap .bc_footer .mailchimp .subcribe-form .btn-submit, body .bc_footer .mailchimp .btn { background: var(--omd-chihlimbar); color: var(--omd-text-pe-chihlimbar); font-weight: 700; } body .bc_wrap .bc_footer .mailchimp .subcribe-form .btn-submit:hover { background: var(--omd-chihlimbar-aprins); } body .bc_footer .mailchimp .media-heading, body .bc_wrap .bc_footer .mailchimp .media-heading { color: var(--omd-chihlimbar-inchis); } /* Gri ilizibil cu !important in tema — pe cardul deschis folosim ardezia totemului. */ body .bc_wrap .bc_footer .mailchimp .media-body p { color: #55647c !important; } body .bc_footer .mailchimp .bc-subscribe-consent label { color: #55647c; } /* === 10. Accesibilitate =================================================== */ body a:focus-visible, body button:focus-visible, body .btn:focus-visible { outline: 3px solid var(--omd-chihlimbar); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { body *, body *::before, body *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }