/* ============================================================
   DPI — RITOCCHI CSS
   Il canale per scrivere CSS da terminale: questo file sta in git
   (admin/mu-plugins/dpi-ritocchi.css) e va in prod con
   porta-in-prod.sh mu. Lo carica dpi-ritocchi.php DOPO eftrading.css
   e dopo il CSS aggiuntivo del Customizer, quindi vince a parità di
   specificità. Lo stesso file entra anche nell'editor Gutenberg.
   Regola: qui solo ritocchi piccoli e commentati; il design vero
   resta in eftrading.css.
   ============================================================ */

/* --- Prodotti in vetrina: tessere tutte uguali, angoli dritti --- */
.eft-products ul.products li.product{border-radius:0}
.eft-products ul.products li.product img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;border-radius:0}

/* --- Banner aziende (#contatti) in home: angoli dritti, «oppure» più leggero,
       telefono e WhatsApp come link veri --- */
.eft-cta.wp-block-columns{border-radius:0}
.eft-cta .wp-block-button .wp-block-button__link{border-radius:0}
.eft-cta p.eft-tel{font-weight:400;opacity:.92;margin-top:10px}
.eft-cta p.eft-tel a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.eft-cta p.eft-tel a[href*="wa.me"]{color:#7ee2a8}

/* --- Card delle aree e dei settori in home: tutte uguali, angoli dritti.
       Misurato in prod il 25/09: 13 card con 9 larghezze diverse (197→581 px),
       due « is-wide » orizzontali e le altre verticali, raggio 16px.
       Il colpevole è il layout « constrained » di Gutenberg: dà ai figli
       max-width e margini auto, quindi ogni card si stringe sul suo testo
       invece di riempire la colonna della griglia. Da qui i !important:
       le regole di WordPress sono generate e hanno la stessa forza.
       Dopo: aree 3×3 tutte 338px, settori 4 in fila tutti 272px. --- */
.eft-area-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;grid-auto-rows:1fr}
.eft-area-grid.is-settori{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.eft-area-grid>.eft-area-card,
.eft-area-grid>.eft-area-card.is-wide{grid-column:auto!important;max-width:none!important;width:auto!important;margin:0!important;display:flex!important;flex-direction:column!important;border-radius:0!important;overflow:hidden;height:100%}
.eft-area-card>.eft-area-media{width:100%!important;max-width:none!important;flex:0 0 auto!important;margin:0!important;height:200px}
.eft-area-card>.eft-area-media img{width:100%!important;height:200px!important;object-fit:cover;border-radius:0!important;display:block}
.eft-area-card>.eft-area-body{margin:0!important;width:100%!important;max-width:none!important;box-sizing:border-box;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start!important;align-items:stretch!important;padding:16px 20px 18px!important;gap:4px}
.eft-area-card>.eft-area-body>*{max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left}
.eft-area-card>.eft-area-body>p:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){.eft-area-grid,.eft-area-grid.is-settori{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){.eft-area-grid,.eft-area-grid.is-settori{grid-template-columns:1fr!important}}