/* Integrazioni al tema live di medipesca.it: slider della home senza Revolution Slider,
   galleria e carosello senza slick, elementi aggiunti dal prototipo. */

/* ---- Slider della home (Revolution Slider, griglia 1240 x 868, ridimensionata in proporzione) */
.mp-hero{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);height:min(868px,70vw);background:#111}
.mp-hero-bg{position:absolute;inset:0;background:url(/assets/sito/modules/revsliderprestashop/uploads/slide-live.jpg) center center/cover no-repeat}
.mp-hero-title{position:absolute;left:50%;top:min(214px,17.258vw);transform:translateX(-50%);margin:0;white-space:nowrap;text-align:center;
  font-family:"Open Sans",sans-serif;font-weight:700;text-transform:uppercase;color:#fff;font-size:min(67px,5.4032vw);line-height:min(56px,4.5161vw);letter-spacing:0;z-index:6}
.mp-hero-img{position:absolute;left:50%;bottom:min(46px,3.7097vw);width:min(1216px,98.065vw);height:auto;transform:translateX(calc(-50% + min(31px,2.5vw)));z-index:5;max-width:none}

/* ---- Elementor senza script: le sezioni animate restano visibili se JS non parte */
.no-js .elementor-invisible{visibility:visible}

/* ---- Galleria prodotto senza slick */
#product-images-large>div{display:none;position:relative}
#product-images-large:not(.mp-ready)>div:first-child,#product-images-large>div.mp-active{display:block}
#product-images-thumbs .thumb-container{cursor:pointer;margin-bottom:10px;border:1px solid transparent}
#product-images-thumbs .thumb-container.selected{border-color:#b18829}
#product-images-large .expander{position:absolute;right:0;bottom:0;z-index:2}
#product-modal.show{display:block}
.modal-backdrop.show{opacity:.5}

/* ---- Carosello prodotti correlati */
.mp-carousel{position:relative}
.mp-carousel .slick-list{overflow:hidden}
.mp-carousel .mp-track{display:flex;flex-wrap:nowrap;visibility:visible;transition:transform .35s ease}
.mp-carousel .slick-slide{flex:0 0 auto;display:block;visibility:visible;float:none}
.mp-carousel .slick-dots{position:static;margin-top:16px}
.mp-carousel .slick-dots li button:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#ccc;margin:auto}
.mp-carousel .slick-dots li.slick-active button:before{background:#777}
.mp-carousel .slick-prev,.mp-carousel .slick-next{top:40%}
@media (prefers-reduced-motion:reduce){.mp-carousel .mp-track{transition:none}}

/* ---- Pulsante informazioni al posto del carrello */
.product-request-note{font-size:.875rem;color:#777;margin:10px 0 0}
.product-recipe-link .btn{margin-top:4px}
.product-variants select{pointer-events:none;background-image:none}

/* ---- Sezione L'Onda del Gusto in home */
.mp-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.mp-onda-grid{justify-content:center}
.mp-onda-grid .product-thumbnail img{aspect-ratio:1;object-fit:contain;background:#fff}

/* ---- Ricette: anteprime e videoricette */
.mp-video-thumb{position:relative;display:block}
.mp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px}
.mp-duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;padding:2px 6px}
.mp-player{position:relative;display:block;margin-bottom:1.5rem;background:#000}
.mp-player img,.mp-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mp-player video{display:none}
.mp-player #play{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.mp-player #play .circle{width:76px;height:76px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;padding-left:6px}
.mp-player #play:hover .circle,.mp-player #play:focus-visible .circle{background:#b18829}
.mp-player [hidden]{display:none!important}
.mp-steps{padding-left:0;list-style:none}
.mp-steps>li{margin-bottom:1.25rem}
.mp-step{display:grid;grid-template-columns:minmax(0,240px) 1fr;gap:16px;align-items:start}
.mp-step img{width:100%;height:auto}
.mp-step p{margin-bottom:.5rem}
.mp-note{font-size:.875rem;color:#777}
.mp-recipe-product{display:flex;gap:20px;align-items:center;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px 0;margin-top:24px}
.mp-recipe-product img{width:160px;height:160px;object-fit:contain}
.mp-recipe-product p{margin-bottom:.5rem}
@media (max-width:575px){.mp-step{grid-template-columns:1fr}.mp-recipe-product{flex-direction:column;align-items:flex-start}}

/* ---- Contatti */
.mp-privacy{font-weight:400;display:flex;gap:8px;align-items:flex-start}
.mp-privacy input{margin-top:4px}

/* ---- Testi legali */
.legal-text{max-width:820px}
.legal-text h2{font-size:1.25rem;margin:1.75rem 0 .5rem}
.legal-text .legal-date{font-size:.875rem;margin-top:2rem;color:#777}

/* ---- Piè di pagina: loghi dei finanziamenti e dati societari al posto delle carte di pagamento */
#footer-copyrights .medipesca-funding{background:#fff;padding:clamp(20px,3vw,34px) 4vw}
.medipesca-funding-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(22px,4.2vw,64px);margin:0;padding:0;list-style:none}
.medipesca-funding-list img{display:block;width:auto;max-width:100%;height:clamp(46px,5.4vw,68px);object-fit:contain}
.footer-legal{margin:18px 0 0;font-size:13px;color:#555;text-align:center}
#footer-copyrights{padding:0;background:#fff}
#footer-copyrights>.container{max-width:none;padding:0}
#footer-copyrights .row{margin:0}

/* ---- Messaggio di ricerca senza risultati */
.search-empty[hidden]{display:none}

/* ---- Contrasto dell'ultimo elemento del percorso (sul live è oro chiaro su oro) */
.breadcrumb li:last-child,.breadcrumb li:last-child span{color:#1e1e1e}
.legal-text>h2:first-child{margin-top:0}

/* ---- Testata mobile: spazio del pulsante account del live, per mantenere il logo centrato e della stessa misura */
.mp-spacer{visibility:hidden}
/* ---- Miniature della galleria su mobile, in riga come lo slick del live */
@media (max-width:768px){
  #product-images-thumbs{display:flex;flex-wrap:wrap}
  #product-images-thumbs .thumb-container{width:75px;padding:0 6px}
}

/* ---- Megamenu: il tema lo mostra via script all'apertura */
#cbp-hrmenu .cbp-hropen > .cbp-hrsub{display:block}

/* ---- Menu a tendina Prodotti centrato nella pagina */
#cbp-hrmenu{position:relative}
#cbp-hrmenu > ul > li.cbp-has-submeu{position:static}
#cbp-hrmenu > ul > li.cbp-has-submeu > .cbp-hrsub{left:0;right:0;width:100%;max-width:none}
#cbp-hrmenu .cbp-hrsub .menu_row{justify-content:center}

/* ---- Switch della lingua IT/EN (stile del prototipo) */
.language-switch{display:inline-flex;align-items:center;flex:none;gap:3px;border:1px solid #9f8139;padding:3px;align-self:center}
.language-switch a{font-size:12px;letter-spacing:0;font-weight:700;line-height:1.2;min-width:36px;min-height:32px;padding:7px 8px;color:#fff;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.language-switch a[aria-current="true"]{background:#9f8139;color:#fff}
.language-switch a:hover,.language-switch a:focus-visible{background:#fff;color:#9f8139}
.mp-lang-w{display:flex;align-items:center}
#mobile-header .language-switch{padding:2px;gap:0}
#mobile-header .language-switch a{min-width:26px;min-height:28px;padding:4px;font-size:11px;color:#fff!important}
#mobile-header .language-switch a[aria-current="true"]{background:#9f8139}
#mobile-header .mp-lang-mobile{display:flex;align-items:center;justify-content:flex-end}