/* =========================
   Theme Custom CSS (Atelier98)
   ========================= */
.nascondi {display:none!important}
/* ---- Palette ---- */
:root {
 /* --brand: #002147; */
  --brand: black;
  --on-brand: #ffffff;
  --text: #000000;
  --muted: #555555;
}

/* ---- Tipografia / Colori base ----
   ATTENZIONE: molte skin Leo usano classi .h1..h6 come utility.
   Manteniamo il colore brand per titoli/testi “utility”, ma NON tocchiamo gli elementi <h1>.. di default. */
.h1, .h2, .h3, .h4, .h5, .h6,
.p, .span, .tag, .menu-title, .title_block,
.ti-user, .ti-shopping-cart {
  color: var(--brand) !important;
}

.menu-title { font-size: 18px; }

.sub-title {
  margin-bottom: 9px !important;
  font-weight: 500 !important;
}

/* ---- Breadcrumb ---- */
.breadcrumb-full {
  background: var(--brand) !important;
  color: var(--on-brand) !important;
}

.breadcrumb li a {
  color: var(--on-brand) !important;
}

/* ---- Page content ---- */
.page-content p,
.page-content li {
  font-size: 16px;
  color: var(--text);
}

/* ---- Immagini / Titoli nelle ApImage ----
   Deve rimanere bianco anche se .title_block altrove è brand */
.ApImage .title_block {
  color: var(--on-brand) !important;
}

/* ---- Modale quick login ---- */
.leo-quicklogin-modal .modal-header {
  background: url(https://www.corteccisiena.it/img/logo-1761911130.jpg) center no-repeat;
  background-size: contain;
  margin-bottom: 50px;
}

/* ---- Footer ---- */
footer .footer-center .wrapper:first-of-type {
  background: var(--brand) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

footer .title_block {
  color: var(--on-brand) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

.footer-center p,
.footer-center td,
.footer-center a {
  color: var(--on-brand) !important;
  font-size: 15px;
}

/* ---- Pulsanti / Azioni ---- */
.product-add-to-cart .add-to-cart,
.cart-content-btn .btn-primary,
.cart-dropdow-checkout,
#checkout-guest-form .continue {
  background: var(--brand) !important;
  color: var(--on-brand) !important;
}

.product-add-to-cart .add-to-cart:hover,
.cart-content-btn .btn-primary:hover,
.cart-dropdow-checkout:hover,
#checkout-guest-form .continue:hover {
  filter: brightness(0.95);
}

.product-add-to-cart .add-to-cart:focus-visible,
.cart-content-btn .btn-primary:focus-visible,
.cart-dropdow-checkout:focus-visible,
#checkout-guest-form .continue:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* ---- Varianti prodotto ---- */
.variants-product .product-variants-item select.form-control:not([size]):not([multiple]) {
  height: 44px;
  padding: 5px 20px;
  border-radius: 3px;
  width: auto;
  margin: auto;
  color: var(--text);
}

/* ---- Reassurance ---- */
.blockreassurance_product { display: none; }

/* ---- Colori (swatch) ---- */
.color { border: 1px solid #000 !important; }

/* ---- Testo in modali generiche ---- */
.js-modal-content p { color: var(--text) !important; }

/* =========================
   Atelier98 - Liste Brand
   ========================= */
.atelier98-brands__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem 1rem;
}

.atelier98-brands__item { margin: 0; }

.atelier98-brands__link {
  font-size: 1rem !important;
  padding: 0.3rem 0 !important;
  color: var(--brand) !important;
  text-decoration: none;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
  font-weight: 500 !important;
}

.atelier98-brands__link:hover,
.atelier98-brands__link:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* =========================
   Atelier98 - Griglia Sottocategorie
   ========================= */
.atelier98-subcats__title {
  font-weight: 600;
  margin: 20px 0 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--brand) !important;
}

.atelier98-subcats__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.atelier98-subcats__item { margin: 0; }

.atelier98-subcats__link {
  font-size: 1rem !important;
  padding: 0.3rem 0 !important;
  color: var(--brand) !important;
  text-decoration: none;
  transition: color 0.2s ease, text-decoration-color 0.2s ease !important;
  font-weight: 500 !important;
}

.atelier98-subcats__link:hover,
.atelier98-subcats__link:focus {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.box-nommail .block.ApHtml h4.title_block:before {display:none}
.box-nompro2 {
    padding: 130px 7% 0px;
}
/* =========================
   Responsive
   ========================= */
@media (max-width: 992px) {
  .atelier98-brands__list { grid-template-columns: repeat(2, 1fr); }
  .atelier98-subcats__list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .atelier98-brands__list { grid-template-columns: repeat(2, 1fr); }
  .atelier98-subcats__list { grid-template-columns: repeat(2, 1fr); }
}

/* Riduzione animazioni per accessibilità */
@media (prefers-reduced-motion: reduce) {
  .atelier98-brands__link,
  .atelier98-subcats__link { transition: none !important; }
}


@media (max-width: 991px) {
    .leo-megamenu.disable-canvas .leo-top-menu {
        left: 0px !important;
        right: 0px  !important;
        background: white !important;
    }

    .leo-megamenu.disable-canvas .navbar-nav .nav-item .caret:before {

        color: black !important;

    }


}



section.facet[data-type="feature"][data-name="Sigla Stagione"] {
    display: none !important;
}




@media (min-width:992px){
div.box-h4bn3{margin:0}
}

.box-h4bn3{
padding-bottom:5%
}

@media (max-width:767px){
.box-h4bn3{padding-bottom:60px}
}

@media (max-width:480px){
.box-h4bn3{padding-bottom:40px}
}

@media (min-width:768px){
.box-h4bn3 .ApColumn{padding:0}
}

.box-h4bn3 .ApImage{
position:relative;
overflow:hidden;
text-align:center;
color:#fff;
padding-bottom:100%;
margin:0
}

.box-h4bn3 .ApImage .title_block{
position:absolute;
bottom:50%;
left:0;
right:0;
font-size: 4em;
color:white!important;
margin:0 0 20px;
padding:0 10px 10px;
transition:all .3s;
transform:translateY(10px);
transition-delay:0;
z-index:1;
pointer-events:none;
font-weight:400;
}

@media (max-width:1199px){
.box-h4bn3 .ApImage .title_block{font-size:1.8em}
}

@media (max-width:991px){
.box-h4bn3 .ApImage .title_block{
font-size:1.6em;
transform:translateY(50%)!important;
margin:0;
padding:10px
}
}

@media (max-width:767px){
.box-h4bn3 .ApImage .title_block{font-size:1.4em}
}

@media (max-width:480px){
.box-h4bn3 .ApImage .title_block{font-size:1.2em}
}

.box-h4bn3 .ApImage .title_block:before{
content:"";
position:absolute;
height:1px;
bottom:0;
left:50%;
transform:translateX(-50%);
background:#fff;
width:0;
max-width:100%;
transition-delay:0;
transition:all .3s
}

@media (min-width:992px){
.box-h4bn3 .ApImage .title_block:before{opacity:.3}
}

.box-h4bn3 .ApImage>a{
display:block
}

.box-h4bn3 .ApImage img{
width:100%!important;
height:100%!important;
position:absolute;
top:0;
left:0;
transition:all 2s;
object-fit:cover
}

.box-h4bn3 .ApImage .image_description{
position:absolute;
top:50%;
left:10%;
right:10%;
padding:0 10px;
transition:all .3s;
transform:translateY(15px);
line-height:1.8;
letter-spacing:.5px;
transition-delay:0;
opacity:0;
pointer-events:none;
color:white;
}

@media (max-width:1199px){
.box-h4bn3 .ApImage .image_description{display:none}
}

.box-h4bn3 .ApImage .image_description p{
margin:0
}

.box-h4bn3 .ApImage .image_description a{
display:inline-block;
margin-top:2em;
text-transform:uppercase;
font-weight:600;
color:inherit;
border-bottom:1px solid;
transition:all .3s;
pointer-events:auto
}

.box-h4bn3 .ApImage .image_description a:hover{
letter-spacing:2px
}

.box-h4bn3 .ApImage:hover img{
transform:scale(1.05);
filter:brightness(.5)
}

.box-h4bn3 .ApImage:hover .title_block{
transition-delay:0.2s;
transform:translateY(0)
}

.box-h4bn3 .ApImage:hover .title_block:before{
width:100px;
transition-delay:0.4s
}

.box-h4bn3 .ApImage:hover .image_description{
transform:translateY(0);
opacity:1;
transition-delay:0.5s
}

.box-h4bn3 .col-right:after{
content:"";
display:table;
clear:both
}

.box-h4bn3 .col-right .ApImage{
width:50%;
float:left;
padding-bottom:50%
}

.box-h4bn3 .col-right .cus-heigh50{
width:100%
}