/*
Theme Name: AI Insider — Field Notes
Template: astra
Version: 1.0.0
Text Domain: ai-insider-fieldnotes
Description: Child theme di Astra — direzione "Field Notes" (quaderno da laboratorio) per blog.alessandrocarenza.it.
*/

:root{
  --f-bg:#E8E3D4;
  --f-card:#FBF9F1;
  --f-ink:#2B2418;
  --f-dim:#7A7566;
  --f-line:#CFC8B2;
  --f-teal:#2F6F62;
  --f-teal-deep:#204D43;
  --f-mustard:#C68A2C;

  /* Astra dipinge header/card/footer con queste variabili: ridefinirle qui
     ritinteggia gran parte del tema senza dover rincorrere ogni selettore. */
  --ast-global-color-4:var(--f-card);
  --ast-global-color-5:var(--f-bg);
  --ast-global-color-2:var(--f-ink);
  --ast-global-color-0:var(--f-teal);
  --ast-global-color-1:var(--f-teal-deep);
}

/* ---------- base ---------- */
body, button, input, select, textarea{
  font-family:'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--f-ink);
}
body{
  background-image:
    repeating-linear-gradient(0deg, rgba(47,111,98,.08) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(90deg, rgba(47,111,98,.08) 0 1px, transparent 1px 28px);
}
a{ color:var(--f-teal); }
a:hover, a:focus{ color:var(--f-ink); }
h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6){
  font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:600;
}

/* ---------- barra di ricerca: pinnata come un post-it sopra la testata ---------- */
.ai-search-wrap{ max-width:300px; margin:20px auto 0; padding:0 16px; }
.ai-search-form{
  display:flex; gap:6px; align-items:center; background:var(--f-card);
  border:1px solid var(--f-line); border-radius:3px; padding:8px 8px 8px 12px;
  box-shadow:0 5px 12px -4px rgba(43,36,24,.25); transform:rotate(1deg); position:relative;
}
.ai-search-form::before{
  content:""; position:absolute; top:-7px; left:50%; transform:translateX(-50%);
  width:11px; height:11px; border-radius:50%; background:var(--f-mustard);
  box-shadow:0 2px 3px rgba(0,0,0,.3);
}
.ai-search-input{
  flex:1; min-width:0; border:none; background:none; outline:none;
  font-family:'Archivo'; font-size:.86rem; color:var(--f-ink);
}
.ai-search-input::placeholder{ color:var(--f-dim); }
.ai-search-btn{
  border:none; background:var(--f-teal); color:#fff; cursor:pointer;
  font-family:'Space Mono'; font-size:.7rem; letter-spacing:.04em; text-transform:uppercase;
  padding:6px 12px; border-radius:2px;
}
.ai-search-btn:hover{ background:var(--f-teal-deep); }

/* ---------- header ---------- */
.ast-main-header-wrap, .ast-primary-header-bar, #ast-desktop-header,
.ast-mobile-header-content, .site-header{
  background-color:var(--f-bg) !important; box-shadow:none !important; border:none !important;
}
.site-header{ border-bottom:2px solid var(--f-ink) !important; }
.site-branding.ast-site-identity{
  display:flex; align-items:center; gap:16px; background:var(--f-card);
  padding:10px 20px; border-radius:4px; box-shadow:0 4px 10px -2px rgba(43,36,24,.2);
  transform:rotate(-1.2deg);
}
.site-logo-img img.custom-logo{ height:56px !important; width:auto !important; }
.ast-site-title-wrap{ display:none !important; }
.ipc-logo-link{
  display:inline-flex; align-items:center; margin:0 !important; padding-left:16px;
  border-left:1px dashed var(--f-line);
}
.ipc-logo-link img{ height:30px !important; width:auto !important; }
@media (max-width:480px){ .ipc-logo-link{ display:none; } }

/* ---------- griglia articoli (home / archivio / categoria) ---------- */
#primary.content-area .ast-row{
  display:flex !important; flex-wrap:wrap; gap:30px; margin:0 !important;
}
#primary.content-area .ast-row > .ast-article-post{
  width:calc(33.333% - 20px) !important; margin:0 !important; padding:0 !important; float:none !important;
}
@media (max-width:900px){
  #primary.content-area .ast-row > .ast-article-post{ width:calc(50% - 15px) !important; }
}
@media (max-width:600px){
  #primary.content-area .ast-row > .ast-article-post{ width:100% !important; }
}

.ast-article-post .ast-article-inner{
  background:var(--f-card); border-radius:3px !important;
  box-shadow:0 6px 14px -4px rgba(43,36,24,.22); transform:rotate(-.6deg);
}
.ast-row > .ast-article-post:nth-child(3n+2) .ast-article-inner{ transform:rotate(.8deg); }
.ast-row > .ast-article-post:nth-child(3n) .ast-article-inner{ transform:rotate(-1.2deg); }

.ast-article-post.remove-featured-img-padding .post-thumb-img-content{ margin:0 !important; }
.ast-article-post .post-content{ padding:14px 16px 18px !important; }
.ast-article-post .post-thumb-img-content img{
  aspect-ratio:4/3 !important; object-fit:cover; border-radius:2px;
}

.ast-article-post > .ast-article-inner > .post-content > .cat-links,
.ast-article-post .post-content > span.cat-links{
  font-family:'Space Mono'; font-size:.66rem; letter-spacing:.04em; text-transform:uppercase;
}
.ast-article-post .cat-links a{ color:var(--f-teal); text-decoration:none; }
.ast-article-post .entry-title{ margin:8px 0 0; }
.ast-article-post .entry-title a{
  font-family:'Fraunces'; font-style:italic; font-weight:600; font-size:1.05rem;
  line-height:1.3; color:var(--f-ink);
}
.ast-article-post .entry-title a:hover{ color:var(--f-teal); }
.ast-article-post .entry-header{ margin-top:6px; }
.ast-article-post .entry-meta{ font-family:'Space Mono'; font-size:.68rem; color:var(--f-dim); }
.ast-article-post .entry-meta .cat-links{ display:none; }
.ast-article-post .ast-excerpt-container{ margin-top:8px; }
.ast-article-post .ast-excerpt-container p{
  font-family:'Archivo'; font-size:.86rem; line-height:1.5; color:var(--f-dim); margin:0;
}

/* ---------- paginazione ---------- */
.ast-pagination{ margin-top:36px; }
.ast-pagination .page-numbers{
  font-family:'Space Mono'; font-size:.8rem; padding:8px 13px; border:1px solid var(--f-line);
  border-radius:3px; background:var(--f-card); color:var(--f-ink); margin-right:6px;
  text-decoration:none; display:inline-block;
}
.ast-pagination .page-numbers.current{ background:var(--f-teal); color:#fff; border-color:var(--f-teal); }
.ast-pagination .page-numbers.dots{ border:none; background:none; }
.ast-pagination a.page-numbers:hover{ border-color:var(--f-teal); color:var(--f-teal); }

/* ---------- articolo singolo ---------- */
.ast-article-single{
  background:var(--f-card) !important; border-radius:4px;
  box-shadow:0 8px 24px -12px rgba(43,36,24,.28);
}
.ast-article-single .entry-header .entry-title{
  font-family:'Fraunces'; font-style:italic; font-weight:600;
  font-size:clamp(1.7rem,4vw,2.5rem); line-height:1.18; color:var(--f-ink);
}
.ast-article-single .entry-header .entry-meta{
  font-family:'Space Mono'; font-size:.76rem; color:var(--f-dim); margin-top:10px;
}
.ast-article-single .entry-header .entry-meta a{ color:var(--f-teal); }

.entry-content{ font-family:'Archivo'; font-size:1.05rem; line-height:1.7; color:var(--f-ink); }
.entry-content p{ margin:0 0 1.3em; }
.entry-content h2{
  font-family:'Fraunces'; font-style:italic; font-weight:600; font-size:1.5rem;
  margin:1.6em 0 .7em; color:var(--f-teal-deep);
}
.entry-content h3{
  font-family:'Fraunces'; font-style:italic; font-weight:500; font-size:1.2rem; margin:1.4em 0 .6em;
}
.entry-content strong{ color:var(--f-ink); }
.entry-content a{ text-decoration:underline; text-decoration-color:var(--f-mustard); text-underline-offset:2px; }
.entry-content hr{ border:none; border-top:1px dashed var(--f-line); margin:2.2em 0; }
/* nota di chiusura "contenuto redatto con l'ausilio di sistemi AI..." */
.entry-content p[style*="font-size:0.85em"]{
  font-family:'Caveat' !important; font-style:normal !important; font-size:1.3rem !important;
  color:var(--f-mustard) !important; margin-top:2em !important; display:inline-block; transform:rotate(-.6deg);
}

.post-navigation{ margin-top:2.5em; border-top:1px dashed var(--f-line); padding-top:1.2em; }
.post-navigation .nav-links{ display:flex; justify-content:space-between; gap:16px; }
.post-navigation a{ font-family:'Space Mono'; font-size:.78rem; text-decoration:none; color:var(--f-dim); }
.post-navigation a:hover{ color:var(--f-teal); }
.post-navigation .ast-post-nav{ color:var(--f-teal); }

/* ---------- commenti ---------- */
.comment-reply-title{ font-family:'Fraunces'; font-style:italic; font-size:1.3rem; }
#ast-commentform input[type="text"], #ast-commentform textarea{
  border:1px solid var(--f-line) !important; border-radius:3px !important;
  background:var(--f-card) !important; font-family:'Archivo';
}
#ast-commentform .submit{
  background:var(--f-teal) !important; color:#fff !important; border:none !important;
  border-radius:3px !important; font-family:'Space Mono'; font-size:.78rem;
  text-transform:uppercase; letter-spacing:.04em;
}
#ast-commentform .submit:hover{ background:var(--f-teal-deep) !important; }

/* ---------- footer & varie ---------- */
/* lo sfondo effettivo del footer è .site-below-footer-wrap (var(--ast-global-color-4),
   la stessa cream delle card), non .site-footer: il testo va scuro per leggersi. */
.ast-footer-copyright p{
  font-family:'Space Mono'; font-size:.72rem; color:var(--f-ink) !important;
  letter-spacing:.04em; text-align:center; padding:.5em 0;
}
.ast-scroll-top-icon{ background-color:var(--f-teal) !important; border-radius:4px !important; }