/* oopticshop, stratul v1 fidel: baza pentru paginile Journal fara strat propriu (cos, checkout, cont, branduri, articol,
   pagini statice). Subsetul din zonaB-v4.css (skin-ul aprobat pentru Zona B), restrans la #content si la modulele de produse,
   ca sa nu atinga antetul, subsolul si straturile de pagina. */

/* titlul paginii: Familjen 700 pe os, fara banda gri a temei (gri nu e in sistem) */
h1.page-title { background:transparent !important; }
h1.page-title, h1.page-title span { font-family:var(--type-family-display), Arial, sans-serif !important; font-weight:700 !important;
  font-size:var(--type-size-h2m) !important; line-height:1.1 !important; letter-spacing:-0.02em; color:var(--text-on-light) !important;
  text-transform:none !important; }
h1.page-title::before, h1.page-title::after { display:none !important; }
@media (min-width: 641px) { h1.page-title, h1.page-title span { font-size:var(--type-size-h2) !important; } }

/* titlurile din continut: Familjen de la 24 in sus, Onest dedesubt */
#content :is(h2, legend, .title:not(.page-title)):not(.oo-v1 *) { font-family:var(--type-family-display), Arial, sans-serif !important;
  font-weight:700 !important; font-size:var(--type-size-h3) !important; color:var(--text-on-light) !important; text-transform:none !important;
  letter-spacing:0 !important; }
#content :is(h3, h4):not(.oo-v1 *) { font-family:var(--type-family-body), sans-serif !important; font-weight:600 !important; color:var(--text-on-light) !important; }
/* textul Journal din continut; blocurile .oo-v1 (Zona A, contact) au culorile lor din v1 (banda inchisa de cabinet!) */
#content :is(p, td, li):not(.oo-v1 *) { font-family:var(--type-family-body), sans-serif; color:var(--text-on-light); }
/* sublinierea doar pe linkurile din text curgator; numele din carduri, titlurile de articol si acordeoanele raman fara */
#content :is(p, li, td, dd, .help-block, .checkbox label) a:not(.btn):not(.oo-v1 *) { color:var(--text-on-light); text-decoration:underline;
  text-underline-offset:var(--space-1); }
#content :is(p, li, td, dd, .help-block, .checkbox label) a:not(.btn):not(.oo-v1 *):hover { color:var(--text-secondary-on-light); }

/* butoanele: primarul espresso pe coral; secundarele contur espresso (.btn-ghost din v1) */
#content .btn-primary, #content button[type="submit"]:not(.btn-default):not(.btn-link), #content input[type="submit"], #content .btn-cart {
  background:var(--accent-primary) !important; color:var(--text-on-light) !important; border:0 !important; border-radius:var(--radius-m) !important;
  font-family:var(--type-family-body), sans-serif !important; font-weight:700 !important; font-size:var(--type-size-interfata) !important;
  text-transform:none !important; letter-spacing:0 !important; text-shadow:none !important; box-shadow:none !important;
  padding:var(--space-3) var(--space-5) !important; min-height:0 !important; transition:filter .15s ease !important; }
#content .btn-primary::before, #content .btn-primary::after { display:none !important; }
#content .btn-primary:hover, #content button[type="submit"]:hover, #content input[type="submit"]:hover, #content .btn-cart:hover { filter:brightness(96%); }
#content .btn-primary:active, #content button[type="submit"]:active, #content .btn-cart:active { filter:brightness(90%); transform:translateY(var(--line-hair)); }
#content .btn-default, #content .btn-secondary, #content .btn-info { background:transparent !important; color:var(--text-on-light) !important;
  border:var(--line-rule) solid var(--text-on-light) !important; border-radius:var(--radius-m) !important; box-shadow:none !important;
  font-family:var(--type-family-body), sans-serif !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important; }
#content .btn-default:hover, #content .btn-secondary:hover, #content .btn-info:hover { background:var(--surface-placheta) !important; }
#content .btn-danger { background:var(--text-on-light) !important; color:var(--text-on-dark) !important; border:0 !important;
  border-radius:var(--radius-s) !important; text-shadow:none !important; }
#content .btn:focus-visible { outline:var(--line-rule) solid var(--text-on-light) !important; outline-offset:var(--line-rule); }
#content .buttons .pull-right, #content .buttons .pull-left { float:none !important; }
#content .buttons { display:flex; flex-wrap:wrap; gap:var(--space-3); justify-content:flex-end; }

/* placile (well, panel) albe cu filet; fara umbre si fundaluri gri */
#content .well, #content .panel, #content .box { background:var(--surface-placheta) !important; border:var(--line-hair) solid var(--border-default) !important;
  border-radius:var(--radius-m) !important; box-shadow:none !important; padding:var(--space-5) !important; }
#content .panel-heading { background:none !important; border-color:var(--border-default) !important; }

/* formulare: campuri albe, chenar grafit, focus espresso */
#content .form-control { background:var(--surface-placheta) !important; color:var(--text-on-light) !important;
  border:var(--line-hair) solid var(--text-secondary-on-light) !important; border-radius:var(--radius-s) !important; box-shadow:none !important;
  font-family:var(--type-family-body), sans-serif !important; font-size:var(--type-size-interfata) !important; }
#content .form-control:hover { border-color:var(--text-on-light) !important; }
#content .form-control:focus, #content .form-control:focus-visible { border-color:var(--text-on-light) !important;
  outline:var(--line-rule) solid var(--text-on-light) !important; outline-offset:0; }
#content label, #content .control-label { font-family:var(--type-family-body), sans-serif !important; color:var(--text-on-light) !important; font-weight:600; }
#content input[type="checkbox"], #content input[type="radio"] { accent-color:var(--color-espresso); }

/* tabele (cos, comenzi): filete fine, cifre tabelare */
#content .table, #content .table > tbody > tr > td, #content .table > thead > tr > td, #content .table > thead > tr > th {
  border-color:var(--border-default) !important; color:var(--text-on-light) !important; font-variant-numeric:tabular-nums; background:var(--surface-placheta); }
#content .table > thead > tr > td, #content .table > thead > tr > th { font-weight:600; }

/* erorile sunt structurale: chenar espresso 2 px, text espresso 600 cu "Eroare:", fara rosu */
.alert-danger, .alert-warning { background:var(--surface-placheta) !important; color:var(--text-on-light) !important;
  border:var(--line-rule) solid var(--text-on-light) !important; border-radius:var(--radius-m) !important; font-weight:600; }
.alert-danger::before { content:"Eroare: "; font-weight:600; }
.text-danger, .has-error .help-block { color:var(--text-on-light) !important; font-weight:600; }
.text-danger::before, .has-error .help-block::before { content:"Eroare: "; }
.has-error .form-control { border:var(--line-rule) solid var(--text-on-light) !important; }
.alert-success, .alert-info { background:var(--surface-placheta) !important; color:var(--text-on-light) !important;
  border:var(--line-hair) solid var(--border-default) !important; border-radius:var(--radius-m) !important; }

/* meniul de cont din coloana: placa alba, linkuri Onest cu filet intre ele */
.side-column .accordion-menu, .side-column .links-menu { background:var(--surface-placheta) !important; border:var(--line-hair) solid var(--border-default) !important;
  border-radius:var(--radius-m) !important; padding:var(--space-3) var(--space-4) !important; }
.side-column .accordion-menu .menu-item > a, .side-column .links-menu .menu-item > a { font-family:var(--type-family-body), sans-serif !important;
  font-size:var(--type-size-interfata) !important; font-weight:500 !important; color:var(--text-on-light) !important; text-transform:none !important;
  letter-spacing:0 !important; padding:var(--space-2) 0 !important; border-bottom:var(--line-hair) solid var(--border-default); background:none !important; }
.side-column .accordion-menu .menu-item:last-child > a { border-bottom:0; }
.side-column .accordion-menu .menu-item > a::before { display:none !important; }
.side-column .accordion-menu .menu-item > a:hover { color:var(--text-secondary-on-light) !important; }
.side-column .accordion-menu .menu-item > a:focus-visible { outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule); }

/* modulele de produse de sub pagina (253 etc.): fara banda gri a tab-urilor, pastile v1 */
.module-products .tab-container::before { display:none !important; }
.bottom .module-products, .bottom .module-products .module-body, .bottom .grid-row { background:transparent !important; box-shadow:none !important; }
.bottom .grid-row::before { display:none !important; }
.module-products .tab-container > .nav-tabs { display:flex !important; flex-wrap:wrap; gap:var(--space-2); margin:0 0 var(--space-4) !important;
  padding:0 !important; border:0 !important; background:none !important; }
.module-products .tab-container > .nav-tabs > li { float:none !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }
.module-products .nav-tabs > li::before, .module-products .nav-tabs > li::after,
.module-products .nav-tabs > li > a::before, .module-products .nav-tabs > li > a::after { display:none !important; }
.module-products .tab-container > .nav-tabs > li > a { display:block; font-family:var(--type-family-body), sans-serif !important;
  font-size:var(--type-size-interfata) !important; font-weight:500 !important; text-transform:none !important; letter-spacing:0 !important;
  color:var(--text-on-light) !important; background:transparent !important; padding:var(--space-1) var(--space-3) !important;
  border-radius:var(--radius-pill) !important; border:var(--line-hair) solid var(--border-default) !important; margin:0 !important;
  line-height:1.5 !important; box-shadow:none !important; transition:border-color .15s ease; }
.module-products .tab-container > .nav-tabs > li > a:hover { border-color:var(--text-on-light) !important; }
.module-products .tab-container > .nav-tabs > li > a:active { transform:translateY(var(--line-hair)); }
.module-products .tab-container > .nav-tabs > li > a:focus-visible { outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule); }
.module-products .tab-container > .nav-tabs > li.active > a { background:var(--text-on-light) !important; color:var(--text-on-dark) !important;
  border-color:var(--text-on-light) !important; }
.bottom .grid-row > .grid-cols { max-width:1360px !important; margin-inline:auto !important; padding-inline:var(--space-6) !important; box-sizing:border-box; }
@media (max-width: 640px) { .bottom .grid-row > .grid-cols { padding-inline:var(--space-4) !important; } }
.side-column .accordion-menu .j-menu, .side-column .accordion-menu > ul { background:none !important; padding:0 !important; }

/* cos si checkout: sectiunile Journal (gri #f0f2f5, #eee) devin placi albe cu filet; stepper-ul pe alb */
#content .checkout-section, #content .cart-bottom { background:var(--surface-placheta) !important; border:var(--line-hair) solid var(--border-default) !important;
  border-radius:var(--radius-m) !important; box-shadow:none !important; }
#content .checkout-section td, #content .cart-bottom td { background:transparent !important; }
#content .stepper .fa { background:var(--surface-placheta) !important; color:var(--text-secondary-on-light) !important; }
#content .btn-remove { background:var(--text-on-light) !important; color:var(--text-on-dark) !important; border-radius:var(--radius-s) !important; }
#content .btn-update { border-radius:var(--radius-s) !important; color:var(--text-on-light) !important; }
#content .btn-remove:focus-visible, #content .btn-update:focus-visible { outline:var(--line-rule) solid var(--text-on-light); outline-offset:var(--line-rule); }
/* titlurile acordeonului din cos (cupon, livrare, voucher) ca .rail-h, nu majuscule subliniate */
#content .cart-bottom .panel-title a { font-family:var(--type-family-body), sans-serif !important; font-size:var(--type-size-interfata) !important;
  font-weight:600 !important; letter-spacing:0.08em !important; text-decoration:none !important; color:var(--text-on-light) !important; }
#content .cart-bottom .panel-title a:hover { color:var(--text-secondary-on-light) !important; }

/* titlurile modulelor din coloana laterala (paginile statice) ca .rail-h din v1; legaturile cu filet */
.side-column .module-title, .side-column .module-title span { font-family:var(--type-family-body), sans-serif !important; font-weight:600 !important;
  font-size:var(--type-size-interfata) !important; letter-spacing:0.08em !important; text-transform:uppercase !important; color:var(--text-secondary-on-light) !important; }
.side-column .module-title::after, .side-column .module-title::before { display:none !important; }
.side-column .module { background:var(--surface-placheta) !important; border:var(--line-hair) solid var(--border-default) !important;
  border-radius:var(--radius-m) !important; padding:var(--space-3) var(--space-4) !important; box-shadow:none !important; }
.side-column .module .module-body { background:none !important; border:0 !important; padding:0 !important; }
.side-column .module a { font-family:var(--type-family-body), sans-serif !important; color:var(--text-on-light) !important; }
.side-column .module a:hover { color:var(--text-secondary-on-light) !important; }

/* data de pe articol: camp coral, text espresso (pe coral textul e mereu espresso) */
.p-date, .p-date i { color:var(--text-on-light) !important; }