/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* OS TS: native WordPress login, scoped to maintenance shortcode. */
.os-ts-login { width: 100%; text-align: left; }
.os-ts-login form { display: grid; gap: 20px; }
.os-ts-login p { margin: 0 0 16px; }
.os-ts-login label { display: block; margin-bottom: 8px; font-size: 14px; }
.os-ts-login input[type="text"],
.os-ts-login input[type="password"] { width: 100%; min-height: 48px; padding: 12px 14px; color: #09090b; background: #fff; border: 1px solid #bdbdbd; border-radius: 0; font: inherit; }
.os-ts-login input[type="submit"] { min-height: 48px; width: 100%; padding: 14px 24px; border: 1px solid #d6503e; background: #d6503e; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.os-ts-login input[type="checkbox"] { margin-right: 8px; }
.os-ts-login a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.os-ts-login :focus-visible { outline: 3px solid #d6503e; outline-offset: 4px; }

/* OS TS: user-provided Americana Font Regular; web embedding confirmed by user. */
@font-face {
  font-family: 'Americana Font';
  src: url('https://demo.terrazzasoprani.it/wp-content/uploads/2026/09/americana-font-regular-verified.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Figma menu: native Bricks toggle/offcanvas; custom CSS stays in child theme. */
#os-ts-menu-toggle .brxa-inner::before { top: -7px; }
#os-ts-menu-toggle .brxa-inner::after { bottom: -7px; }
#os-ts-menu-contact a[href^="mailto:"],
#os-ts-menu-contact a[href^="tel:"] { color: #d6503e; }
#os-ts-menu-contact > .brxe-text-link { text-decoration: underline dotted #d6503e; text-underline-offset: 6px; }
@media (prefers-reduced-motion: reduce) {
  #os-ts-menu .brx-offcanvas-inner,
  #os-ts-menu .brx-offcanvas-backdrop { transition-duration: 0s !important; }
}

/* Figma typography decorations and responsive line break. */
.os-ts-accent-underline { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #d6503e; text-decoration-thickness: .055em; text-decoration-skip-ink: none; text-underline-offset: .12em; }
#brxe-9pezy9 { display: flex; align-items: center; gap: 24px; }
#brxe-9pezy9::before { content: ''; flex: 0 0 48px; border-top: 1.5px solid #d6503e; }
@media (max-width: 767px) {
  .os-ts-desktop-break { display: none; }
  #brxe-9pezy9 { gap: 12px; }
  #brxe-9pezy9::before { flex-basis: 24px; }
  .os-ts-accent-underline { text-decoration-color: currentColor; }
}

@media (max-width: 767px) {
  #os-ts-menu-toggle .brxa-inner,
  #os-ts-menu-toggle .brxa-inner::before,
  #os-ts-menu-toggle .brxa-inner::after { width: 20px; }
  #os-ts-menu-toggle .brxa-inner::before { top: -6px; }
  #os-ts-menu-toggle .brxa-inner::after { bottom: -6px; }
}

/* User correction: black panel only, fade instead of sliding. */
#os-ts-menu[data-direction] .brx-offcanvas-inner { transform: none; opacity: 0; transition-property: opacity; transition-timing-function: ease; }
#os-ts-menu.brx-open[data-direction] .brx-offcanvas-inner { opacity: 1; }

/* Preserve scrolling while hiding only the menu scrollbar. */
#os-ts-menu .brx-offcanvas-inner { scrollbar-width: none; }
#os-ts-menu .brx-offcanvas-inner::-webkit-scrollbar { display: none; width: 0; height: 0; }
.os-ts-stat-unit { font-size: .5em; letter-spacing: -.02em; }
@media (max-width: 767px) { .os-ts-desktop-copy { display: none; } }


/* Original Figma mobile chevron (113:209); desktop retains native SVG arrow. */
@media (max-width: 767px) {
  #brxe-fb7orp > .brxe-text-link { border-bottom-width: 1px; }
  #brxe-fb7orp > .brxe-text-link:first-of-type { border-top-width: 1px; }
  #brxe-fb7orp > .brxe-text-link .icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background: url('https://demo.terrazzasoprani.it/wp-content/uploads/2026/09/fe87a584-ca94-45c3-aaca-9be98d5a003d.svg') center / 16px 16px no-repeat;
  }
  #brxe-fb7orp > .brxe-text-link .icon > svg { visibility: hidden; }
}


/* Figma formula accents; scoped to Home and native mobile carousels. */
#soluzioni .os-ts-formula-amount { color: #d6503e; }
#soluzioni .os-ts-formula-feature { position: relative; }
#soluzioni .os-ts-formula-feature::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 1px;
  background: url('https://demo.terrazzasoprani.it/wp-content/uploads/2026/09/72e18b8c-50a0-4b87-bda8-9555427dbcb5.svg') center / 100% 100% no-repeat;
}
@media (max-width: 767px) {
  #soluzioni .os-ts-formula-feature::before { width: 12px; }
}