/*

Theme Name: SNARP

Theme URI: https://snarp.com

Author: SNARP

Description: Tema su misura per l'associazione no profit SNARP: tutela dei consumatori, diritti umani e contrasto alle azioni dell'agente della riscossione.

Version: 1.0.0

Requires at least: 6.0

Requires PHP: 7.4

License: GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: snarp

*/



:root{

  --navy:#0F2747;

  --blue:#1D4E89;

  --blue-dark:#163C6B;

  --sky:#E8EFF8;

  --paper:#FFFFFF;

  --ink:#172033;

  --muted:#566274;

  --line:#D5DDE8;

  --brass:#B7862C;

  --serif:"Helvetica",Charter,Georgia,serif;

  --sans:system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --wrap:1120px;

}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}

img{max-width:100%;height:auto}

a{color:var(--blue);text-underline-offset:.18em}

a:hover{color:var(--navy)}

:focus-visible{outline:3px solid var(--brass);outline-offset:3px}

h1,h2,h3,h4{font-family:var(--serif);color:var(--navy);line-height:1.2;margin:0 0 .6em;font-weight:700}

h1{font-size:clamp(2rem,4.5vw,3.25rem)}

h2{font-size:clamp(1.5rem,3vw,2.1rem)}

h3{font-size:1.25rem}

p{margin:0 0 1.1em}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 1.25rem}

.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.skip-link:focus{position:fixed;top:.5rem;left:.5rem;width:auto;height:auto;clip:auto;background:var(--paper);color:var(--navy);padding:.75rem 1rem;z-index:100}



/* Bottoni */

.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:600;text-decoration:none;padding:.8rem 1.4rem;border:2px solid var(--blue);border-radius:3px;transition:background .15s,border-color .15s}

.btn:hover{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff}

.btn--light{background:#fff;border-color:#fff;color:var(--navy)}

.btn--light:hover{background:var(--sky);border-color:var(--sky);color:var(--navy)}

.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}

.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}



/* Header */

.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}

.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px}

.site-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--navy)}

.site-brand img{max-height:48px;width:auto}

.site-title{font-family:var(--serif);font-size:1.75rem;font-weight:700;letter-spacing:.04em;line-height:1}

.site-tagline{display:block;font:.8rem/1.2 var(--sans);color:var(--muted);letter-spacing:0;margin-top:.25rem;font-weight:400}

.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1.75rem}

.main-nav a{color:var(--ink);text-decoration:none;font-weight:500;padding:.4rem 0;border-bottom:2px solid transparent}

.main-nav a:hover,.main-nav .current-menu-item>a{border-bottom-color:var(--brass);color:var(--navy)}

.header-cta{margin-left:.5rem;padding:.6rem 1.1rem}

.nav-toggle{display:none;background:none;border:2px solid var(--navy);color:var(--navy);font:600 .95rem var(--sans);padding:.5rem .9rem;border-radius:3px;cursor:pointer}



/* Hero */

.hero{background:var(--navy);color:#fff;padding:clamp(3rem,7vw,5.5rem) 0}

.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}

.hero h1{color:#fff;margin-bottom:.5em}

.hero p{font-size:1.2rem;color:#D7E1F0;max-width:34em}

.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}

.help-panel{background:#fff;color:var(--ink);border-top:5px solid var(--brass);padding:1.5rem 1.5rem 1rem}

.help-panel h2{font-size:1.3rem;margin-bottom:.25rem}

.help-panel>p{font-size:.95rem;color:var(--muted);margin-bottom:.75rem}

.help-panel ul{list-style:none;margin:0;padding:0}

.help-panel li{border-top:1px solid var(--line)}

.help-panel li a{display:block;padding:.85rem 0;color:var(--navy);font-weight:600;text-decoration:none}

.help-panel li a:hover{color:var(--blue);text-decoration:underline}



/* Sezioni */

.section{padding:clamp(2.5rem,6vw,4.5rem) 0}

.section--tint{background:var(--sky)}

.section-head{max-width:40rem;margin-bottom:2rem}

.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}

.area{border-top:4px solid var(--brass);padding-top:1rem}

.area p{color:var(--muted)}

.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,5vw,4rem)}



/* Liste articoli */

.post-item{padding:1.5rem 0;border-top:1px solid var(--line)}

.post-item:first-child{border-top:0;padding-top:0}

.post-item h3{margin-bottom:.35rem}

.post-item h3 a{color:var(--navy);text-decoration:none}

.post-item h3 a:hover{color:var(--blue);text-decoration:underline}

.post-meta{font-size:.875rem;color:var(--muted);margin-bottom:.5rem}

.post-meta a{color:var(--muted)}

.post-item p{margin:0;color:var(--ink)}

.compact-list{list-style:none;margin:0;padding:0}

.compact-list li{padding:.9rem 0;border-top:1px solid var(--line)}

.compact-list li:first-child{border-top:0;padding-top:0}

.compact-list a{font-weight:600;text-decoration:none;color:var(--navy);display:block}

.compact-list a:hover{color:var(--blue);text-decoration:underline}

.compact-list time{font-size:.85rem;color:var(--muted)}

.more-link{font-weight:600}



/* Fascia soci */

.join{background:var(--blue);color:#fff;padding:clamp(2.5rem,5vw,3.5rem) 0}

.join .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}

.join h2{color:#fff;margin-bottom:.35rem}

.join p{margin:0;color:#E3ECF8;max-width:36rem}



/* Pagine e articoli */

.page-head{background:var(--sky);border-bottom:1px solid var(--line);padding:clamp(2rem,5vw,3.5rem) 0}

.page-head h1{margin:0}

.page-head .post-meta{margin:.75rem 0 0}

.page-head .archive-desc{color:var(--muted);max-width:40rem;margin:.75rem 0 0}

.content-area{padding:clamp(2rem,5vw,3.5rem) 0}

.entry{max-width:46rem}

.entry>*{max-width:100%}

.entry h2{margin-top:1.8em}

.entry h3{margin-top:1.5em}

.entry blockquote{margin:1.5em 0;padding:.25em 1.25em;border-left:4px solid var(--brass);color:var(--muted);font-family:var(--serif);font-size:1.15rem}

.entry table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}

.entry th,.entry td{border:1px solid var(--line);padding:.6rem .75rem;text-align:left}

.entry th{background:var(--sky)}

.entry .wp-block-image,.entry figure{margin:1.5em 0}

.post-thumb{margin:0 0 1.5rem}

.pagination,.navigation.pagination{margin-top:2.5rem}

.nav-links{display:flex;flex-wrap:wrap;gap:.5rem}

.nav-links a,.nav-links span{padding:.5rem .9rem;border:1px solid var(--line);text-decoration:none;border-radius:3px}

.nav-links .current{background:var(--navy);color:#fff;border-color:var(--navy)}

.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}

.search-form{display:flex;gap:.5rem;max-width:30rem}

.search-form input[type=search],input[type=text],input[type=email],input[type=url],textarea{width:100%;font:inherit;padding:.7rem .8rem;border:1px solid #9AA8BB;border-radius:3px;background:#fff}

.search-form input[type=submit],.search-submit,.submit{background:var(--blue);color:#fff;border:0;padding:.7rem 1.2rem;font:600 1rem var(--sans);border-radius:3px;cursor:pointer}



/* Commenti */

.comments-area{margin-top:3rem;max-width:46rem}

.comment-list{list-style:none;padding:0}

.comment-list .comment{border-top:1px solid var(--line);padding:1rem 0}



/* Footer */

.site-footer{background:var(--navy);color:#C9D6EA;padding:3rem 0 1.5rem;font-size:.95rem}

.site-footer a{color:#fff}

.site-footer h2,.site-footer h3{color:#fff;font-size:1.1rem}

.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem}

.footer-grid ul{list-style:none;margin:0;padding:0}

.footer-grid li{margin-bottom:.4rem}

.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:2.5rem;padding-top:1.25rem;font-size:.85rem}



/* Sottomenu */

.main-nav li{position:relative}

.main-nav .menu-item-has-children>a::after{content:"";display:inline-block;border:4px solid transparent;border-top-color:currentColor;margin-left:.45rem;vertical-align:-2px}

.main-nav .sub-menu{display:none;position:absolute;top:100%;left:-1rem;min-width:16rem;background:#fff;border:1px solid var(--line);border-top:3px solid var(--brass);padding:.4rem 0;flex-direction:column;align-items:stretch;gap:0;z-index:60}

.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}

.main-nav .sub-menu a{display:block;padding:.55rem 1rem;border:0}

.main-nav .sub-menu a:hover{background:var(--sky)}



/* Fascia istituzionale */

.trust{background:var(--sky);border-bottom:1px solid var(--line);padding:1rem 0;font-size:.95rem;color:var(--ink)}

.trust p{margin:0;max-width:60rem}



/* Servizi, documentazione, leggi */

.areas--two{grid-template-columns:repeat(2,1fr);gap:2.25rem 3rem}

.doc-links{list-style:none;margin:0 0 1.5rem;padding:0}

.doc-links li{border-top:1px solid var(--line)}

.doc-links a{display:block;padding:.65rem 0;font-weight:600;text-decoration:none;color:var(--navy)}

.doc-links a:hover{color:var(--blue);text-decoration:underline}

.sub-title{font-size:1.15rem;margin-top:2rem}

.laws{display:grid;grid-template-columns:repeat(2,1fr);gap:0 3rem;margin:0}

.laws div{border-top:1px solid var(--line);padding:1rem 0}

.laws dt{font:700 1.05rem var(--serif);color:var(--navy);margin-bottom:.25rem}

.laws dd{margin:0;color:var(--muted)}

.footer-grid address{font-style:normal}



/* Responsive */

@media (max-width:980px){

  .hero .wrap,.two-col,.footer-grid,.areas,.areas--two,.laws{grid-template-columns:1fr}

  .nav-toggle{display:inline-block}

  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:1rem 1.25rem 1.5rem}

  .main-nav.is-open{display:block}

  .main-nav ul{flex-direction:column;align-items:flex-start;gap:.5rem}

  .main-nav .sub-menu{display:flex;position:static;border:0;padding:0 0 0 1rem;min-width:0}

  .main-nav .menu-item-has-children>a::after{display:none}

  .header-cta{margin:1rem 0 0;display:inline-block}

  .site-header .wrap{position:relative}

}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}