/*
Theme Name: LaSicilia.net (Bootstrap Dark Glass)
Theme URI: https://lasicilia.net
Author: Renato Cantarella
Author URI: https://www.renatocantarella.it
Description: Tema WordPress Bootstrap largo, dark/glass, con sezioni settorializzate e badge provincia sopra le preview.
Version: 0.1.0
License: GPLv2 or later
Text Domain: lasicilia
Tags: news, bootstrap, dark, magazine
*/
:root{
      --bg:#0b1220;
      --surface:#0f1a2f;
      --surface2:#0c1527;
      --text:#eaf0ff;
      --muted:rgba(234,240,255,.72);
      --border:rgba(255,255,255,.10);

      /* Colori sezioni */
      --annunci:#f59e0b;
      --cronaca:#ef4444;
      --politica:#8b5cf6;
      --sport:#22c55e;
      --eventi:#06b6d4;
      --economia:#eab308;
      --cultura:#ec4899;
      --cucina:#fb7185;     /* rosa caldo */
      --davisitare:#38bdf8; /* azzurro */
    }

    body{
      background:
        radial-gradient(circle at top left, rgba(59,130,246,.20) 0, transparent 45%),
        radial-gradient(circle at bottom right, rgba(236,72,153,.18) 0, transparent 50%),
        var(--bg);
      color: var(--text);
    }

    a{color:inherit; text-decoration:none;}
    a:hover{opacity:.92}

    /* Larghezza “portal” */
    .portal-wrap{
      max-width: 1500px; /* bello largo */
      margin: 0 auto;
    }

    .glass{
      background: rgba(15,26,47,.70);
      border: 1px solid var(--border);
      backdrop-filter: blur(10px);
    }

    .topbar{
      position: sticky;
      top: 0;
      z-index: 1030;
    }

    .brand-dot{
      width: 10px; height: 10px; border-radius: 50%;
      background: #60a5fa; display:inline-block; margin-right:10px;
      box-shadow: 0 0 0 6px rgba(96,165,250,.15);
    }

    .province-pill{
      border: 1px solid var(--border);
      background: rgba(255,255,255,.06);
      color: var(--text);
    }
    .province-pill:hover{background: rgba(255,255,255,.10);}

    /* Card */
    .news-card{
      background: rgba(255,255,255,.04);
      border: 1px solid var(--border);
      border-radius: 16px;
      overflow: hidden;
      height: auto;
      transition: transform .15s ease, border-color .15s ease;
    }
    .news-card:hover{transform: translateY(-2px); border-color: rgba(255,255,255,.20);}

    .news-thumb{
      aspect-ratio: 16/9;
      object-fit: cover;
      width: 100%;
      display:block;
      filter: saturate(1.05) contrast(1.05);
    }

    .overlay-tags{
      position:absolute; left:12px; top:12px;
      display:flex; gap:8px; flex-wrap:wrap;
    }

    .tag{
      font-size: .75rem;
      padding: .35rem .55rem;
      border-radius: 999px;
      background: rgba(0,0,0,.45);
      border: 1px solid rgba(255,255,255,.16);
      backdrop-filter: blur(6px);
    }

    /* Header sezioni */
    .section-head{
      border: 1px solid var(--border);
      background: rgba(255,255,255,.04);
      border-radius: 16px;
      padding: 14px 16px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
    }

    .section-left{
      display:flex; align-items:center; gap:12px;
      min-width: 0;
    }

    .section-dot{
      width: 12px; height: 12px; border-radius: 50%;
      box-shadow: 0 0 0 7px rgba(255,255,255,.06);
      flex: 0 0 auto;
    }

    .section-title{
      margin:0;
      font-size: 1.05rem;
      letter-spacing: .2px;
      white-space: nowrap;
    }

    .section-sub{
      color: var(--muted);
      font-size: .92rem;
      margin:0;
      white-space: nowrap;
      overflow:hidden;
      text-overflow: ellipsis;
    }

    .btn-ghost{
      border: 1px solid var(--border);
      background: rgba(255,255,255,.06);
      color: var(--text);
      border-radius: 12px;
      padding: .5rem .8rem;
      white-space: nowrap;
    }
    .btn-ghost:hover{background: rgba(255,255,255,.10);}

    /* “Colori settoriali” */
    .sec-annunci .section-dot{background: var(--annunci);}
    .sec-cronaca .section-dot{background: var(--cronaca);}
    .sec-politica .section-dot{background: var(--politica);}
    .sec-sport .section-dot{background: var(--sport);}
    .sec-eventi .section-dot{background: var(--eventi);}
    .sec-economia .section-dot{background: var(--economia);}
    .sec-cultura .section-dot{background: var(--cultura);}

    .badge-sec{
      border-radius: 999px;
      padding: .35rem .55rem;
      font-weight: 600;
      letter-spacing: .2px;
      font-size: .75rem;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(0,0,0,.35);
    }
    .b-annunci{box-shadow: inset 0 0 0 999px rgba(245,158,11,.18);}
    .b-cronaca{box-shadow: inset 0 0 0 999px rgba(239,68,68,.18);}
    .b-politica{box-shadow: inset 0 0 0 999px rgba(139,92,246,.18);}
    .b-sport{box-shadow: inset 0 0 0 999px rgba(34,197,94,.18);}
    .b-eventi{box-shadow: inset 0 0 0 999px rgba(6,182,212,.18);}
    .b-economia{box-shadow: inset 0 0 0 999px rgba(234,179,8,.18);}
    .b-cultura{box-shadow: inset 0 0 0 999px rgba(236,72,153,.18);}
    .sec-cucina .section-dot{background: var(--cucina);}
    .sec-davisitare .section-dot{background: var(--davisitare);}
    .b-cucina{box-shadow: inset 0 0 0 999px rgba(251,113,133,.18);}
    .b-davisitare{box-shadow: inset 0 0 0 999px rgba(56,189,248,.18);}

    .meta{
      color: var(--muted);
      font-size: .85rem;
    }

    /* Hero */
    .hero{
      border-radius: 22px;
      overflow: hidden;
      border: 1px solid var(--border);
      background: rgba(255,255,255,.04);
    }
    .hero .hero-img{
      width:100%;
      height: 420px;
      object-fit: cover;
      display:block;
      filter: saturate(1.05) contrast(1.05);
    }
    @media (max-width: 992px){
      .hero .hero-img{height: 280px;}
    }

    .hero-overlay{
      position:absolute; inset:0;
      background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.60) 60%, rgba(0,0,0,.78) 100%);
    }

    .hero-content{
      position:absolute; left: 22px; right:22px; bottom: 18px;
      max-width: 920px;
    }