/* =========================================================================
   Barbara Pole – Restyling: header stile Freywille + nuove sezioni home
   Caricato da inc/bp-restyling.php.
   NB: colori, font e stile generale sono già nel "CSS aggiuntivo" del
   Personalizza (Aspetto > Personalizza). Questo file aggiunge solo le parti
   che richiedono markup nuovo.
   ========================================================================= */

:root{
  --bp-ink:#1E2A4A;
  --bp-ink-soft:#5A6485;
  --bp-sea:#43B8DD;
  --bp-amber:#F6B94B;
  --bp-tile:#F3F1EC;
  --bp-line:#D9D6CF;
  --bp-sans:'Jost',system-ui,sans-serif;
  --bp-serif:'Spectral',Georgia,serif;

  --bp-adminbar:0px;   /* altezza barra admin WordPress (solo utenti loggati) */
  --bp-ann:0px;        /* altezza barra annunci */
  --bp-logo-h:110px;   /* altezza fascia logo su desktop */
  --bp-menu-h:0px;     /* altezza menu orizzontale (solo desktop) */
}
body.admin-bar{--bp-adminbar:46px}
@media (min-width:783px){body.admin-bar{--bp-adminbar:32px}}
body.bp-has-announce{--bp-ann:34px}
@media (min-width:1200px){body.bp-restyling{--bp-menu-h:50px}}

/* ---------- Barra annunci ---------- */
.bp-topbars{position:fixed;left:0;right:0;top:var(--bp-adminbar);z-index:1035}
.bp-announce{height:var(--bp-ann);line-height:var(--bp-ann);display:block;padding:0 16px;background:var(--bp-ink);color:#fff;font:400 11.5px var(--bp-sans);letter-spacing:.2em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:600px){.bp-announce{font-size:10px;letter-spacing:.08em}}

/* ---------- Header esistente spostato sotto la barra annunci ---------- */
body.bp-restyling .fixed-top.top-header,
body.bp-restyling .fixed-left.left-header,
body.bp-restyling .fixed-right{top:calc(var(--bp-adminbar) + var(--bp-ann)) !important}

/* ---------- Desktop (≥1200px): logo centrato su fascia bianca + menu orizzontale ---------- */
.bp-desk-menu{display:none}
@media (min-width:1200px){
  body.bp-restyling .fixed-top.top-header{height:var(--bp-logo-h) !important;background:#fff !important;display:flex;align-items:center;justify-content:center;transform:none !important;opacity:1 !important;visibility:visible !important}
  body.bp-restyling .fixed-top.top-header .navbar-brand{margin:0 auto}
  /* il pulsante hamburger non serve su desktop: restano carrello e account */
  body.bp-restyling [data-bs-target="#offcanvas-navbar"]{display:none !important}

  .bp-desk-menu{display:block;position:fixed;left:0;right:0;top:calc(var(--bp-adminbar) + var(--bp-ann) + var(--bp-logo-h));height:var(--bp-menu-h);background:var(--bp-tile);z-index:1031}
  .bp-desk-menu__list{list-style:none;margin:0;padding:0 24px;height:100%;display:flex;justify-content:center;align-items:center;gap:40px}
  .bp-desk-menu__list > li{position:relative;height:100%;display:flex;align-items:center}
  .bp-desk-menu__list > li > a{font:400 13.5px var(--bp-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bp-ink);text-decoration:none;padding:4px 0;border-bottom:1px solid transparent;transition:border-color .2s}
  .bp-desk-menu__list > li > a:hover,
  .bp-desk-menu__list > li.current-menu-item > a,
  .bp-desk-menu__list > li.current-menu-ancestor > a{border-bottom-color:var(--bp-ink)}

  /* sottomenu */
  .bp-desk-menu .sub-menu{list-style:none;margin:0;padding:22px 28px;position:absolute;top:100%;left:50%;transform:translate(-50%,6px);min-width:220px;background:#fff;box-shadow:0 14px 34px rgba(30,42,74,.12);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;z-index:2}
  .bp-desk-menu li:hover > .sub-menu,
  .bp-desk-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
  .bp-desk-menu .sub-menu a{display:block;padding:6px 0;font:300 16px var(--bp-serif);color:var(--bp-ink-soft);text-decoration:none;white-space:nowrap}
  .bp-desk-menu .sub-menu a:hover{color:var(--bp-ink)}
  /* sottomenu lunghi (Collezioni) su 3 colonne */
  .bp-desk-menu .sub-menu:has(> li:nth-child(9)){display:grid;grid-template-columns:repeat(3,auto);column-gap:36px;min-width:600px}

  /* il contenuto parte sotto l'header fisso */
  body.bp-restyling #page{padding-top:calc(var(--bp-ann) + var(--bp-logo-h) + var(--bp-menu-h))}
}

/* ---------- Mobile/tablet: solo spazio per la barra annunci ---------- */
@media (max-width:1199.98px){
  body.bp-has-announce #page{padding-top:var(--bp-ann)}
}

/* =========================================================================
   Nuove sezioni home
   ========================================================================= */
.bp-section{padding:96px 0}
.bp-wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.bp-center{text-align:center;margin:48px 0 0}

/* titolo con filetto e rombo */
.bp-title{text-align:center;margin:0 0 48px}
body .bp-title .bp-title__h{font-family:var(--bp-sans) !important;font-weight:400 !important;font-size:clamp(1.4rem,2.4vw,1.75rem) !important;letter-spacing:.1em;text-transform:uppercase;color:var(--bp-ink) !important;margin:0;line-height:1.3}
.bp-title__rule{display:block;position:relative;height:1px;max-width:1040px;margin:18px auto 0;background:var(--bp-line)}
.bp-title__rule::after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;background:var(--bp-amber);transform:translateX(-50%) rotate(45deg)}
.bp-title__sub{max-width:640px;margin:20px auto 0;font:300 18px/1.6 var(--bp-serif);color:var(--bp-ink-soft)}

/* pulsanti */
.bp-btn{display:inline-block;font:500 12.5px var(--bp-sans);letter-spacing:.16em;text-transform:uppercase;padding:14px 30px;border:1px solid var(--bp-ink);color:var(--bp-ink);background:transparent;text-decoration:none;transition:background .25s,color .25s}
.bp-btn:hover{background:var(--bp-ink);color:#fff}
.bp-btn--solid{background:var(--bp-ink);color:#fff}
.bp-btn--solid:hover{background:transparent;color:var(--bp-ink)}

/* intro: 3 card */
.bp-cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bp-card3{display:flex;flex-direction:column;align-items:center;gap:22px;text-decoration:none}
.bp-card3__ph{display:block;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--bp-tile)}
.bp-card3__ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.bp-card3:hover .bp-card3__ph img{transform:scale(1.04)}
.bp-card3:hover .bp-btn{background:var(--bp-ink);color:#fff}
.bp-card3:hover .bp-btn--solid{background:transparent;color:var(--bp-ink)}

/* categorie */
.bp-grid-cat{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.bp-tile{display:block;text-decoration:none}
.bp-tile__ph{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;background:var(--bp-tile)}
.bp-tile__ph img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;display:block;transition:transform .8s ease}
.bp-tile:hover .bp-tile__ph img{transform:scale(1.05)}
.bp-tile__name{display:block;text-align:center;margin-top:14px;font:400 14px var(--bp-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--bp-ink)}

@media (max-width:991.98px){
  .bp-grid-cat{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:767.98px){
  .bp-section{padding:64px 0}
  .bp-wrap{padding:0 16px}
  .bp-cards3{grid-template-columns:1fr;gap:36px}
  .bp-card3__ph{aspect-ratio:4/3}
  .bp-grid-cat{grid-template-columns:repeat(2,1fr);gap:14px}
}