@charset "UTF-8";
/* =========================================================
   CannoliRoyal (cannolionline.com) - desktop.css  v2.1 (12/11/2026) - riquadro "Acquisti sicuri con..." centrato in colonna come Termoverde (scritta sopra, loghi
   dei pagamenti sotto, centrati); v2.0 (11/11/2026) - tendine 12 px piu' in basso, colonna categorie allineata al bordo
   superiore delle tendine (blocco v2.0 in fondo); v1.9 (11/11/2026) - contenuto sotto le tendine con le stesse proporzioni di Termoverde:
   9 px a sinistra e 17 px a destra (regola v1.6 aggiornata); v1.8 (11/11/2026) - contenuto rientrato di 6 px per lato;
   v1.6 (11/11/2026) - contenuto sotto le tendine rientrato di 14 px per lato (blocco v1.6 in
   fondo); v1.5 (11/11/2026) - fascia 44 px, testata 196 px, logo 360x115, menu piu' arioso (blocco
   v1.5 in fondo); v1.4 (11/11/2026) - logo nuovo al centro della testata 420x134 (la ricerca passa nella fascia,
   dietro la lente: vedi mobile.css v1.4);
   v1.3 (11/11/2026) - tendine del catalogo allineate alla colonna prodotti, colonna prodotti fino
   al bordo destro (prima 162 px vuoti) (blocco v1.3 in fondo); v1.2 (11/11/2026) - fascia fucsia alta 50 px in alto: destinazione centrata e lingua fisse sulla
   fascia, testata spostata sotto (blocco v1.2 in fondo); v1.1 (11/11/2026) - logo CannoliRoyal 420x140, ricerca larga 300 px;
   v1.0 (10/11/2026) - prima versione del nuovo tema: testata, colonna categorie a sinistra, griglia prodotti da 3
   Solo regole COMPUTER, dentro @media (min-width:768px). Le regole valide su tutti gli schermi (colori, menu, schede, pulsanti)
   stanno in testa a mobile.css, che la piattaforma carica prima di questo file. Logo: /doc/co_logo_cannoliroyal_v2.webp.
   ========================================================= */
@media (min-width:768px){
 html body #page{width:min(1180px,96vw) !important;padding-top:50px !important}
 html body #overbg{height:50px !important}

 /* testata: logo a sinistra (fondo allineato alla ricerca), destinazione al centro, lingua e ricerca a destra */
 html body #header{height:224px !important}
 html body #site_title a{top:16px !important;bottom:auto !important;left:50% !important;margin-left:-210px !important;width:420px !important;height:134px !important}
 html body #products_country_chooser{left:50% !important;transform:translateX(-50%);top:0 !important;width:auto !important;height:50px !important;display:flex !important;align-items:center;padding:0 16px !important;border-radius:0 !important}
 html body #products_country_chooser select{height:36px !important;line-height:34px;padding:0 18px !important;font-size:15px !important}
 html body #lang_menu{position:fixed !important;top:7px !important;right:max(2vw,calc(50% - 590px)) !important;z-index:50001 !important;left:auto !important;width:auto !important;margin:0 !important;padding:0 !important}
 html body #lang_menu .co-lingua{height:36px;padding:0 14px}
 html:not(.co-lente-on) body #gscbox{left:auto !important;right:0 !important;top:111px !important;width:300px !important;height:41px !important;overflow:visible}
 html body #welcome_text{top:80px !important;bottom:auto !important;color:#292929 !important}

 /* menu principale sotto il logo */
 html body #main_menu{top:auto !important;bottom:8px !important;width:100% !important;height:auto !important;padding:4px 0 !important}
 html body #main_menu a{font-size:14px;padding:10px 14px !important;display:inline-block}

 /* colonna categorie a sinistra, carrello allineato alle macrocategorie */
 html body #toolbox{left:0 !important;right:auto !important;width:250px !important;top:0 !important}
 html body #macro_menu,html body #content,html body #footer{margin-left:274px !important;width:auto !important}
 html body #macro_menu{padding:0 !important}
 html body #cart{margin-left:0 !important}

 /* prodotti a griglia da 3 */
 html body #products{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:auto !important;margin:10px 0 !important}
 html body #products li.prod{margin:0 !important;padding:14px !important;display:flex !important;flex-direction:column}
 html body #products > li.prod > a.img{display:block;order:-1;margin:0 0 10px}
 html body #products > li.prod a > img{float:none !important;width:100% !important;height:auto !important;aspect-ratio:1/1;object-fit:cover}
 html body #products li.prod h3.name{margin:4px 0 6px !important;font-size:17px !important;line-height:1.25}
 html body #products li.prod p.desc{font-size:13px !important;line-height:1.45;margin:0 0 8px}
 html body #products li.prod p.more{margin:auto 0 6px !important}
}

/* ===== v1.0 (10/11/2026): prima versione (testata a 244 px, logo 420x134 allineato alla ricerca, destinazione centrata 36 px
   come il selettore lingua, colonna categorie 250 px a sinistra, griglia 3 colonne, 18 px tra menu e macrocategorie). ===== */
/* ===== v1.1 (11/11/2026): logo CannoliRoyal 420x140 (fondo sempre allineato alla ricerca), ricerca da 380 a 300 px. ===== */
/* ===== v1.2 (11/11/2026): fascia fucsia alta 50 px (il colore e' in mobile.css), destinazione centrata e lingua a destra fisse sulla fascia,
   pagina spostata di 50 px; testata 224 px con logo e ricerca alzati di 16 px (stesse proporzioni di prima). ===== */
@media (min-width:768px){
 html body #co-percorso{margin-left:274px !important}
 html body #content{margin-right:0 !important}
}
/* ===== v1.3 (11/11/2026): tendine reparto >> categoria (create da chatbase.js v1.2) a destra della colonna categorie; colonna prodotti
   larga fino al bordo destro della pagina (la piattaforma lasciava 162 px vuoti). ===== */
/* ===== v1.4 (11/11/2026): logo CannoliRoyal nuovo (v2, con "Sicilian Pastry Experience") centrato; la casella di ricerca resta qui solo
   se chatbase.js non parte; colori e lente in mobile.css v1.4. ===== */
@media (min-width:768px){
html body #page{padding-top:44px !important}
html body #overbg{height:44px !important}
html body #products_country_chooser{height:44px !important}
html body #header{height:196px !important}
html body #site_title a{top:12px !important;width:360px !important;height:115px !important;margin-left:-180px !important}
html body #main_menu a,html body #main_menu>li.co-dd>button{padding:12px 16px !important}
html body #lang_menu{top:5px !important}
}
/* ===== v1.5 (11/11/2026): fascia 44 px (pagina spostata di 44 px), testata 196 px con logo 360x115 centrato (meno spazio tra logo e
   menu), voci del menu piu' ariose. ===== */
@media (min-width:768px){
html body #content{margin-left:274px !important;margin-right:0 !important;padding-right:8px !important}
html body #products{margin-left:9px !important;margin-right:9px !important}
html body #main:has(>#macro_menu) #content::before{margin-left:9px !important;margin-right:9px !important}
}
/* ===== v1.6 (11/11/2026): colonna dei prodotti (con il riquadro Coming soon) rientrata di 14 px per lato rispetto alle tendine, come Termoverde. ===== */
/* ===== v1.8 (11/11/2026): colonna dei prodotti rientrata di 6 px per lato rispetto alle tendine (prima 14 a sinistra e 22 a destra). ===== */
/* ===== v1.9 (11/11/2026): rientri come Termoverde (misurati sul sito): prodotti e riquadro Coming soon 9 px a sinistra e 17 px a destra
   rispetto alle tendine. Telefono invariato (6 px per lato, come Termoverde). ===== */
@media (min-width:768px){
html body #co-percorso{margin-top:12px !important}
html body #toolbox{top:0 !important}
html body #toolbox>#side_menu_cat{margin-top:0 !important}
}
/* ===== v2.0 (11/11/2026): tendine scese di 12 px (19 px dal menu invece di 8); colonna delle categorie a sinistra allineata al bordo
   superiore delle tendine (prima 16 px piu' in basso). ===== */

/* v2.1 (12/11/2026): riquadro pagamenti nella colonna di sinistra, come Termoverde */
@media (min-width:768px){
html body #safe-paypal{display:flex !important;flex-direction:column;align-items:center;gap:8px;margin:6px 0 0 !important;padding:12px 16px 16px !important;border-top:1px solid #ECE7DD;text-align:center !important;width:auto !important;float:none !important}
html body #safe-paypal>span{display:block;margin:0;font:italic 600 13px/1.3 Georgia,"Times New Roman",serif !important;color:#873653 !important;float:none !important;position:static !important}
html body #safe-paypal>img{display:block;margin:0 auto !important;float:none !important}
}