/* ════════════════════════════════════
   notion-blocks/style-cards.css
   Stili card e carousel generici:
   - .cp-icard-grid / .cp-icard
     (index pages senza cover)
   - .loc-banner-grid / .loc-banner
     (banner orizzontale per child_database)
   - .loc-card / .loc-wrap / .loc-track
     (carousel con cover immagine)
   - .n-cp-grid (compatibilità legacy)
════════════════════════════════════ */

/* ── Child page index card ── */
.cp-icard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:24px 0;}
.cp-icard{position:relative;padding:28px 20px 22px;border:1px solid rgba(200,155,60,.15);border-radius:4px;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .15s;}
.cp-icard:hover{border-color:rgba(200,155,60,.4);transform:translateY(-2px);}
.cp-icard-accent{position:absolute;top:0;left:0;right:0;height:2px;}
.cp-icard-icon{font-size:30px;display:block;margin-bottom:14px;filter:drop-shadow(0 0 8px currentColor);}
.cp-icard-title{font-family:'Cinzel',serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(240,230,200,.88);margin-bottom:8px;line-height:1.5;}
.cp-icard-sub{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;opacity:.65;}
.cp-icard-arr{position:absolute;bottom:18px;right:18px;font-size:13px;opacity:.3;transition:opacity .2s,transform .2s;}
.cp-icard:hover .cp-icard-arr{opacity:.85;transform:scale(1.15);}
@media(max-width:600px){
  .cp-icard-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .cp-icard{padding:20px 14px 18px;}
}

/* ── Banner orizzontale (child_database senza cover) ── */
.loc-banner-grid{display:flex;flex-direction:column;gap:10px;width:100%;}
.loc-banner{display:flex;align-items:center;gap:20px;padding:18px 24px;border:1px solid rgba(200,155,60,.12);border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s,transform .15s;}
.loc-banner:hover{border-color:rgba(200,155,60,.35);transform:translateX(4px);}
.loc-banner-accent{position:absolute;left:0;top:0;bottom:0;width:3px;opacity:.7;}
.loc-banner-icon{font-size:28px;flex-shrink:0;filter:drop-shadow(0 0 8px currentColor);}
.loc-banner-body{flex:1;min-width:0;}
.loc-banner-title{font-family:'Cinzel',serif;font-size:14px;font-weight:700;letter-spacing:.06em;color:rgba(240,230,200,.9);margin-bottom:4px;text-transform:uppercase;}
.loc-banner-sub{font-family:'Cinzel',serif;font-size:10px;letter-spacing:.12em;opacity:.7;}
.loc-banner-arr{font-size:16px;flex-shrink:0;opacity:.5;transition:opacity .2s,transform .2s;}
.loc-banner:hover .loc-banner-arr{opacity:1;transform:scale(1.2);}
@media(max-width:600px){
  .loc-banner{padding:14px 16px;gap:14px;}
  .loc-banner-title{font-size:12px;}
}

/* ── Loc card con copertina (carousel) ── */
.n-cp-grid{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0;}
.n-cp-grid .loc-card{flex:1 1 240px;max-width:320px;}

/* ── Legacy child_page grid ── */
.n-cp{position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(160deg,rgba(16,20,30,.97),rgba(8,10,18,.99));border:1px solid rgba(200,155,60,.14);padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;}
.n-cp-title{font-family:'Cinzel',serif;font-size:11.5px;font-weight:700;color:var(--parch);letter-spacing:.06em;margin-bottom:3px;line-height:1.3;transition:.18s}
.n-cp:hover .n-cp-title{color:var(--gold3)}
@media(max-width:700px){
  .n-cp-grid{grid-template-columns:1fr!important;}
}