/*
Theme Name: Alghero in Chiaro — Netflix
Theme URI: https://algheroinchiaro.it
Description: Tema streaming-style per Alghero in Chiaro. Layout orizzontale a righe come Netflix con hero, telegiornale e categorie configurabili.
Version: 1.0.0
Author: Media Web Channel S.r.l.s.
Requires PHP: 7.2
Text Domain: aic-netflix
*/

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
/* WordPress container reset */
.site,.site-content,.site-inner,#page,#content,.content-area,.site-main,main{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;}
:root{
  --bg:#0a0a0a;
  --bg2:#141414;
  --bg3:#1a1a1a;
  --surface:#222;
  --border:rgba(255,255,255,.1);
  --navy:#1a4a7a;
  --gold:#c9a84c;
  --red:#e50914;
  --white:#fff;
  --gray:#aaa;
  --dark-gray:#555;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Libre Franklin',-apple-system,sans-serif;
  --body:'Source Serif 4',Georgia,serif;
}

html{font-size:16px;scroll-behavior:smooth;height:100%;overflow-y:scroll;}
body{background:var(--bg);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100%;overflow-x:hidden;overflow-y:auto;width:100%;max-width:100%;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
button{cursor:pointer;font-family:inherit;border:none;background:none;}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{height:4px;width:4px;}
::-webkit-scrollbar-track{background:var(--bg2);}
::-webkit-scrollbar-thumb{background:var(--dark-gray);border-radius:2px;}

/* ── NAV ── */
.aic-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;height:64px;
  background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,transparent 100%);
  transition:background .3s;
}
.aic-nav.scrolled{background:var(--bg);}
.aic-nav-logo{
  font-family:var(--serif);font-size:22px;font-weight:900;
  color:var(--gold);letter-spacing:-0.5px;white-space:nowrap;
}
.aic-nav-links{display:flex;align-items:center;gap:20px;list-style:none;}
.aic-nav-links a{font-size:13px;color:rgba(255,255,255,.75);transition:color .15s;font-weight:600;letter-spacing:.3px;}
.aic-nav-links a:hover{color:#fff;}
.aic-nav-right{display:flex;align-items:center;gap:16px;}
.aic-nav-search{font-size:18px;opacity:.7;cursor:pointer;transition:opacity .15s;}
.aic-nav-search:hover{opacity:1;}
.aic-nav-avatar{width:32px;height:32px;border-radius:4px;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--gold);}
.aic-nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;}
.aic-nav-hamburger span{width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s;}

/* BREAKING TICKER */
.aic-breaking{
  position:fixed;top:64px;left:0;right:0;z-index:999;
  background:var(--red);display:flex;align-items:center;
  height:36px;overflow:hidden;
}
.aic-breaking-label{
  background:rgba(0,0,0,.3);color:#fff;
  font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  padding:0 14px;height:100%;display:flex;align-items:center;white-space:nowrap;flex-shrink:0;
}
.aic-breaking-text{
  font-size:12px;color:#fff;padding:0 20px;white-space:nowrap;
  animation:ticker 20s linear infinite;
}
@keyframes ticker{0%{transform:translateX(100vw);}100%{transform:translateX(-100%);}}

/* ── HERO ── */
.aic-hero{
  position:relative;height:75vh;min-height:460px;max-height:680px;
  display:flex;align-items:flex-end;
  overflow:hidden;
}
.aic-hero-bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#0d2a4a 0%,#1a5090 50%,#0a0a0a 100%);
}
.aic-hero-img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:.3;
}
.aic-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.4) 100%);
}
.aic-hero-overlay-bottom{
  position:absolute;bottom:0;left:0;right:0;height:200px;
  background:linear-gradient(transparent,var(--bg));
}
.aic-hero-content{
  position:relative;z-index:2;
  max-width:650px;padding:0 48px 80px;
}
.aic-hero-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);margin-bottom:14px;
}
.aic-hero-badge-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;}
.aic-hero-h1{
  font-family:var(--serif);
  font-size:clamp(24px,4vw,52px);
  font-weight:900;line-height:1.05;
  color:#fff;margin-bottom:14px;
  text-shadow:0 2px 12px rgba(0,0,0,.5);
}
.aic-hero-sub{
  font-family:var(--body);font-size:15px;font-style:italic;
  color:rgba(255,255,255,.75);line-height:1.6;margin-bottom:24px;
  max-width:500px;
}
.aic-hero-btns{display:flex;gap:10px;flex-wrap:wrap;}
.aic-btn-play{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;color:#000;
  padding:10px 24px;border-radius:3px;
  font-size:13px;font-weight:800;letter-spacing:.5px;
  transition:opacity .2s;
}
.aic-btn-play:hover{opacity:.85;}
.aic-btn-info{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.15);color:#fff;
  padding:10px 24px;border-radius:3px;
  font-size:13px;font-weight:700;
  backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.2);
  transition:background .2s;
}
.aic-btn-info:hover{background:rgba(255,255,255,.25);}
.aic-hero-meta{
  position:absolute;bottom:80px;right:48px;z-index:2;
  display:flex;align-items:center;gap:10px;
}
.aic-hero-tag{
  border:1px solid rgba(255,255,255,.4);
  font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  padding:4px 12px;color:rgba(255,255,255,.7);
}

/* ── CAT FILTER ── */
.aic-cats{
  display:flex;gap:8px;padding:16px 48px;
  overflow-x:auto;flex-wrap:nowrap;
  background:linear-gradient(var(--bg),var(--bg2));
}
.aic-cats::-webkit-scrollbar{display:none;}
.aic-cat-btn{
  padding:6px 16px;border-radius:2px;
  font-size:11px;font-weight:700;letter-spacing:.5px;
  border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);
  background:transparent;white-space:nowrap;transition:all .15s;
}
.aic-cat-btn:hover,.aic-cat-btn.active{background:var(--gold);color:#0a0a0a;border-color:var(--gold);}

/* ── ROWS ── */
.aic-rows{padding-bottom:60px;}
.aic-row{padding:0 0 32px;}
.aic-row-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 48px;margin-bottom:14px;
}
.aic-row-title{
  font-size:16px;font-weight:800;color:#fff;
  display:flex;align-items:center;gap:8px;
}
.aic-row-title-icon{font-size:16px;}
.aic-row-more{
  font-size:11px;font-weight:700;letter-spacing:1px;
  color:var(--gold);text-transform:uppercase;
  border-bottom:1px solid var(--gold);
  transition:opacity .2s;
}
.aic-row-more:hover{opacity:.7;}

/* SCROLL WRAPPER */
.aic-scroll-wrap{
  position:relative;overflow:hidden;
}
.aic-scroll{
  display:flex;gap:8px;
  padding:0 48px 8px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.aic-scroll::-webkit-scrollbar{display:none;}
.aic-scroll-btn{
  position:absolute;top:0;bottom:8px;width:48px;z-index:10;
  background:linear-gradient(to right,rgba(0,0,0,.8),transparent);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;color:#fff;opacity:0;transition:opacity .2s;cursor:pointer;
}
.aic-scroll-btn.right{right:0;background:linear-gradient(to left,rgba(0,0,0,.8),transparent);}
.aic-scroll-wrap:hover .aic-scroll-btn{opacity:1;}

/* ── CARDS ── */
.aic-card{
  flex-shrink:0;scroll-snap-align:start;
  position:relative;overflow:hidden;border-radius:3px;
  cursor:pointer;transition:transform .25s,box-shadow .25s;
  background:var(--bg3);
}
.aic-card:hover{transform:scale(1.05);z-index:5;box-shadow:0 8px 32px rgba(0,0,0,.6);}
.aic-card-lg{width:320px;}
.aic-card-md{width:220px;}
.aic-card-sm{width:160px;}
.aic-card-img{
  width:100%;aspect-ratio:16/9;object-fit:cover;display:block;
  background:linear-gradient(135deg,#0d2a4a,#0a0a0a);
  transition:opacity .2s;
}
.aic-card:hover .aic-card-img{opacity:.7;}
.aic-card-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(0,0,0,.95));
  padding:32px 12px 10px;
  transform:translateY(4px);transition:transform .25s;
}
.aic-card:hover .aic-card-overlay{transform:translateY(0);}
.aic-card-badge{
  font-size:8px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gold);display:block;margin-bottom:4px;
}
.aic-card-title{
  font-family:var(--serif);font-size:13px;font-weight:700;
  color:#fff;line-height:1.25;margin-bottom:4px;
}
.aic-card-meta{font-size:10px;color:rgba(255,255,255,.45);}
.aic-card-ph{
  width:100%;aspect-ratio:16/9;
  background:linear-gradient(135deg,var(--navy),#0a0a0a);
  display:flex;align-items:center;justify-content:center;
  font-size:32px;
}

/* ── TG FEATURED ── */
.aic-tg-row{padding:0 0 32px;}
.aic-tg-inner{padding:0 48px;}
.aic-tg-grid{
  display:grid;grid-template-columns:2fr 1fr;gap:16px;
}
.aic-tg-main{
  position:relative;background:#000;border-radius:4px;overflow:hidden;
  cursor:pointer;
}
.aic-tg-main-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.7;}
.aic-tg-main-overlay{
  position:absolute;inset:0;
  background:linear-gradient(transparent 30%,rgba(0,0,0,.9));
}
.aic-tg-main-play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:56px;height:56px;border-radius:50%;
  background:var(--gold);display:flex;align-items:center;justify-content:center;
  transition:transform .2s;
}
.aic-tg-main:hover .aic-tg-main-play{transform:translate(-50%,-50%) scale(1.1);}
.aic-tg-main-info{
  position:absolute;bottom:0;left:0;right:0;padding:16px;
}
.aic-tg-main-label{
  font-size:8px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);margin-bottom:6px;
}
.aic-tg-main-title{
  font-family:var(--serif);font-size:18px;font-weight:900;
  color:#fff;line-height:1.2;margin-bottom:4px;
}
.aic-tg-main-meta{font-size:11px;color:rgba(255,255,255,.5);}

.aic-tg-side{display:flex;flex-direction:column;gap:8px;}
.aic-tg-item{
  display:flex;gap:10px;align-items:center;
  background:var(--bg3);border-radius:3px;padding:10px;
  cursor:pointer;border:1px solid transparent;transition:border-color .15s;
}
.aic-tg-item:hover{border-color:var(--gold);}
.aic-tg-thumb{
  width:80px;flex-shrink:0;aspect-ratio:16/9;
  background:var(--navy);border-radius:2px;overflow:hidden;position:relative;
}
.aic-tg-thumb img{width:100%;height:100%;object-fit:cover;}
.aic-tg-thumb-play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
.aic-tg-thumb-play-btn{
  width:20px;height:20px;border-radius:50%;
  background:rgba(201,168,76,.85);
  display:flex;align-items:center;justify-content:center;
}
.aic-tg-item-title{
  font-family:var(--serif);font-size:12px;font-weight:700;
  color:#e8f0f8;line-height:1.3;margin-bottom:3px;
}
.aic-tg-item-meta{font-size:10px;color:var(--dark-gray);}

/* ── ARTICLE GRID ── */
.aic-article-grid{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start;}
.aic-article-main{min-width:0;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;}
.aic-article-main p,.aic-article-main h1,.aic-article-main h2,.aic-article-main h3{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;}
.aic-article-sidebar{position:sticky;top:80px;}

/* ── SINGLE ARTICLE ── */
.aic-single{padding-top:100px;}
.aic-single-hero{
  position:relative;height:60vh;min-height:400px;
  display:flex;align-items:flex-end;overflow:hidden;
  margin-bottom:0;
}
.aic-single-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;}
.aic-single-hero-overlay{position:absolute;inset:0;background:linear-gradient(transparent 20%,var(--bg));}
.aic-single-hero-content{position:relative;z-index:2;padding:0 48px 40px;max-width:900px;}
.aic-single-body{max-width:100%;margin:0 auto;padding:32px 20px 60px;overflow:hidden;}
.aic-single-body p{font-family:var(--body);font-size:17px;line-height:1.85;color:rgba(255,255,255,.85);margin-bottom:1.5em;word-wrap:break-word;overflow-wrap:break-word;}
.aic-single-body h2{font-family:var(--serif);font-size:24px;font-weight:800;color:#fff;margin:2em 0 .6em;border-bottom:2px solid var(--gold);padding-bottom:6px;}
.aic-single-body h3{font-family:var(--serif);font-size:20px;font-weight:800;color:#fff;margin:1.8em 0 .5em;}
.aic-single-body blockquote{margin:2em 0;padding:16px 20px;border-left:3px solid var(--gold);background:var(--bg3);font-style:italic;font-size:17px;color:rgba(255,255,255,.75);}
.aic-single-body>p:first-of-type::first-letter{font-family:var(--serif);font-size:64px;font-weight:900;line-height:.75;float:left;margin:8px 10px 0 0;color:var(--gold);}
/* Fix banner overflow mobile */
.aic-single-body img,.aic-single-body iframe,.aic-single-body .aic-banner-wrap,.aic-single-body>div{max-width:100%;}

/* BYLINE */
.aic-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:32px;font-size:12px;color:var(--gray);}
.aic-byline-author{font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;}

/* TAGS */
.aic-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:32px;padding-top:20px;border-top:1px solid var(--border);}
.aic-tag{font-size:10px;font-weight:600;color:var(--gold);border:1px solid var(--gold);padding:4px 10px;border-radius:2px;transition:all .15s;}
.aic-tag:hover{background:var(--gold);color:#000;}

/* ── ARCHIVE ── */
.aic-archive{padding:100px 48px 60px;}
.aic-archive-header{margin-bottom:32px;border-bottom:2px solid var(--gold);padding-bottom:16px;}
.aic-archive-header h1{font-family:var(--serif);font-size:36px;font-weight:900;}
.aic-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}

/* ── FOOTER ── */
.aic-footer{background:var(--bg);border-top:1px solid var(--border);padding:48px 48px 24px;}
.aic-footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 32px;}
.aic-footer-logo{font-family:var(--serif);font-size:24px;font-weight:900;color:var(--gold);display:block;margin-bottom:12px;}
.aic-footer-desc{font-size:13px;color:var(--gray);line-height:1.7;}
.aic-footer-col h4{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:8px;}
.aic-footer-col ul{list-style:none;}
.aic-footer-col ul li{margin-bottom:8px;}
.aic-footer-col ul li a{font-size:13px;color:var(--gray);transition:color .15s;}
.aic-footer-col ul li a:hover{color:#fff;}
.aic-footer-bottom{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;font-size:11px;color:var(--dark-gray);}

/* ── PAGE ── */
.aic-page{padding:100px 48px 60px;max-width:800px;margin:0 auto;}
.aic-page h1{font-family:var(--serif);font-size:36px;font-weight:900;margin-bottom:24px;border-bottom:2px solid var(--gold);padding-bottom:16px;}
.aic-page-content{font-family:var(--body);font-size:16px;line-height:1.85;color:rgba(255,255,255,.8);}
.aic-page-content p{margin-bottom:1.4em;}
.aic-page-content h2{font-family:var(--serif);font-size:22px;color:#fff;margin:2em 0 .6em;}
.aic-page-content table{width:100%;border-collapse:collapse;margin:1.5em 0;}
.aic-page-content td,.aic-page-content th{padding:10px 14px;border:1px solid var(--border);font-size:14px;}
.aic-page-content th{background:var(--bg3);font-weight:700;}

/* ── BADGES ── */
.badge{display:inline-block;font-family:var(--sans);font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:3px 8px;border-radius:1px;}
.badge-tipo{color:#fff;}
.badge-cat{border:1px solid rgba(201,168,76,.5);color:var(--gold);background:transparent;}
.badge-date{color:var(--gray);background:transparent;font-weight:400;letter-spacing:.5px;}

/* ── SEARCH ── */
.aic-search-overlay{
  position:fixed;inset:0;z-index:2000;
  background:rgba(0,0,0,.95);
  display:none;align-items:center;justify-content:center;flex-direction:column;
}
.aic-search-overlay.open{display:flex;}
.aic-search-input{
  width:min(600px,90vw);font-size:28px;
  background:transparent;border:none;border-bottom:2px solid var(--gold);
  color:#fff;padding:12px 0;outline:none;font-family:var(--serif);
}
.aic-search-close{position:absolute;top:24px;right:32px;font-size:28px;cursor:pointer;opacity:.7;}
.aic-search-close:hover{opacity:1;}

/* ── PAGINATION ── */
.aic-pagination{display:flex;justify-content:center;gap:8px;padding:32px 0;}
.aic-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);font-size:13px;color:var(--gray);background:var(--bg3);border-radius:2px;transition:all .15s;}
.aic-pagination .page-numbers.current{background:var(--gold);color:#000;border-color:var(--gold);}
.aic-pagination .page-numbers:hover{background:var(--surface);color:#fff;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .aic-nav{padding:0 24px;}
  .aic-hero-content,.aic-tg-inner,.aic-row-header,.aic-scroll,.aic-cats,.aic-archive,.aic-single-body,.aic-single-hero-content,.aic-footer,.aic-page{padding-left:24px;padding-right:24px;}
  .aic-scroll-btn{width:32px;}
  .aic-tg-grid{grid-template-columns:1fr;}
  .aic-archive-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
  .aic-nav-links{display:none;}
  .aic-nav-hamburger{display:flex;}
  .aic-hero-content{padding:0 20px 60px;}
  .aic-hero-h1{font-size:24px;}
  .aic-hero-meta{display:none;}
  .aic-cats,.aic-row-header,.aic-scroll,.aic-tg-inner,.aic-archive,.aic-single-body,.aic-single-hero-content{padding-left:16px;padding-right:16px;}
  .aic-scroll{gap:6px;}
  .aic-card-lg{width:240px;}
  .aic-card-md{width:160px;}
  .aic-card-sm{width:120px;}
  .aic-footer-inner{grid-template-columns:1fr;}
  .aic-footer-bottom{flex-direction:column;gap:6px;}
  .aic-archive-grid{grid-template-columns:repeat(2,1fr);}
  .aic-page,.aic-archive{padding-left:16px;padding-right:16px;}
  /* Fix articolo mobile */
  .aic-article-grid{grid-template-columns:1fr!important;}
  .aic-article-sidebar{display:none;}
  .aic-single-body{padding:20px 16px 40px;}
  .aic-single-body p{font-size:16px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;}
  .aic-single-hero-content{padding:0 16px 30px;}
  .aic-byline{flex-wrap:wrap;gap:6px;}
  .aic-byline div{display:none;}
  /* Banner max width */
  div[style*="text-align:center"] img{max-width:100%!important;height:auto!important;width:100%!important;}
}
@media(max-width:480px){
  .aic-nav{padding:0 16px;}
  .aic-archive-grid{grid-template-columns:1fr;}
}