/*
Theme Name: Associazione PSY Child
Template: smartcube
Version: 1.0.0
*/

:root {
  --psy-primary: #e36b2c;
  --psy-primary-dark: #c6531a;
  --psy-text: #2a2a2a;
  --psy-muted: #6b7280;
  --psy-bg: #f7f7f8;
  --psy-card: #ffffff;
  --psy-radius: 14px;
  --psy-shadow: 0 8px 24px rgba(0,0,0,.08);
}

body {
  background: var(--psy-bg);
  color: var(--psy-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.6;
}

a { color: var(--psy-primary); }
a:hover { color: var(--psy-primary-dark); }

h1,h2,h3,h4 {
  color: #1f2937;
  line-height: 1.25;
}

#main-content, .content, .site-content {
  max-width: 1180px;
  margin: 0 auto;
}

/* Card style for post lists */
article, .post, .hentry {
  background: var(--psy-card);
  border-radius: var(--psy-radius);
  box-shadow: var(--psy-shadow);
  padding: 22px;
  margin-bottom: 24px;
}

/* CTA buttons */
button, input[type="submit"], .read-more, .more-link {
  background: var(--psy-primary) !important;
  border: 0;
  color: #fff !important;
  border-radius: 10px;
  padding: 10px 16px;
}

button:hover, input[type="submit"]:hover, .read-more:hover, .more-link:hover {
  background: var(--psy-primary-dark) !important;
}

/* Form inputs */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 10px 12px;
}

/* Sidebar widget cards */
.widget {
  background: #fff;
  border-radius: var(--psy-radius);
  box-shadow: var(--psy-shadow);
  padding: 18px;
  margin-bottom: 20px;
}

/* Accessibility-first override */
:root{
  --psy-primary:#004b8d;
  --psy-primary-dark:#003a6e;
  --psy-accent:#e36b2c;
  --psy-text:#111827;
  --psy-bg:#f5f7fb;
  --psy-card:#ffffff;
}

body{ color:var(--psy-text)!important; background:var(--psy-bg)!important; }

h1,h2,h3,h4{ color:#0f172a!important; font-weight:700; }

a{ color:var(--psy-primary)!important; text-decoration:underline; }
a:hover{ color:var(--psy-primary-dark)!important; }

button,input[type="submit"],.read-more,.more-link{
  background:var(--psy-primary)!important;
  color:#fff!important;
  font-weight:600;
}

button:hover,input[type="submit"]:hover,.read-more:hover,.more-link:hover{
  background:var(--psy-primary-dark)!important;
}

article,.post,.hentry,.widget{
  border:1px solid #dbe3ef;
  box-shadow:0 4px 14px rgba(15,23,42,.08);
}


/* Brand lock: colori live + logo in evidenza */
:root{
  --psy-primary:#e36b2c;
  --psy-primary-dark:#c6531a;
  --psy-text:#2a2a2a;
  --psy-bg:#f7f7f8;
  --psy-card:#ffffff;
}

a{ color:var(--psy-primary)!important; }
a:hover{ color:var(--psy-primary-dark)!important; }

button,input[type="submit"],.read-more,.more-link{
  background:var(--psy-primary)!important;
  color:#fff!important;
}

button:hover,input[type="submit"]:hover,.read-more:hover,.more-link:hover{
  background:var(--psy-primary-dark)!important;
}

/* Logo più visibile */
.custom-logo,
.site-logo img,
.header-logo img,
img[alt*="logo" i],
img[src*="logo" i]{
  max-height:72px!important;
  width:auto!important;
  filter:contrast(1.15) saturate(1.1);
}

.site-branding, .logo, .header-logo{
  display:flex;
  align-items:center;
  gap:12px;
}

/* HEADER LOCK - identica al live */
.site-header,
header,
.header,
#header,
.top-header,
.main-header {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.site-branding,
.logo,
.header-logo {
  padding: 0 !important;
  margin: 0 !important;
}

.custom-logo,
.site-logo img,
.header-logo img,
img[alt*="logo" i],
img[src*="logo" i]{
  max-height: none !important;
  width: auto !important;
  filter: none !important;
}

/* STAGING MARKER - test visivo immediato */
body::before{
  content:"STAGING - VERSIONE IN REVISIONE";
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:99999;
  background:#111;
  color:#fff;
  font:700 14px/1.2 Arial,sans-serif;
  text-align:center;
  padding:8px 12px;
}
body{ padding-top:34px !important; }

/* MENU LOCK - non modificare navigazione principale */
.main-navigation,
#site-navigation,
.menu-main-menu-container,
ul#menu-main-menu,
ul.menu {
  background: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
}

.main-navigation a,
#site-navigation a,
ul#menu-main-menu > li > a,
ul.menu > li > a {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  padding: inherit !important;
  text-transform: none !important;
}

/* STEP A - mobile usability (header/menu/cards) */
@media (max-width: 768px) {
  /* header più compatto */
  .site-header, #header, .header, .top-header, .main-header {
    padding: 0 !important;
  }

  .site-branding, .logo, .header-logo {
    display: block !important;
    text-align: left !important;
    padding: 10px 12px !important;
  }

  .custom-logo,
  .site-logo img,
  .header-logo img,
  img[alt*="logo" i],
  img[src*="logo" i] {
    max-height: 56px !important;
    width: auto !important;
  }

  /* slogan/social non invadenti */
  .header-social, .social-icons, .top-social,
  .site-description, .tagline {
    margin-top: 6px !important;
    font-size: 14px !important;
  }

  /* menu navigabile con dito */
  .main-navigation a,
  #site-navigation a,
  ul#menu-main-menu > li > a,
  ul.menu > li > a {
    display: block !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
  }

  /* contenuto a colonna singola */
  .content-area, .site-content, .container, .row, .main-content {
    display: block !important;
  }

  /* card articoli leggibili */
  article, .post, .hentry, .widget {
    margin: 0 10px 16px !important;
    padding: 14px !important;
    border-radius: 10px !important;
  }

  .post-title, h2.entry-title, .entry-title {
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .entry-content, .post-excerpt, .entry-summary {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

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

/* LOGO LOCK - originale, nessuna variante */
.custom-logo,
.site-logo img,
.header-logo img,
img[alt*="Associazione PSY" i],
img[src*="logo" i]{
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
  border: 0 !important;
  box-shadow: none !important;
  image-rendering: auto !important;
}

@media (max-width: 768px){
  .custom-logo,
  .site-logo img,
  .header-logo img,
  img[alt*="Associazione PSY" i],
  img[src*="logo" i]{
    max-height: none !important;
    width: auto !important;
  }
}

/* HEADER: nasconde titolo e slogan testuali, resta solo il logo */
.site-title,
.site-description,
.wp-block-site-title,
.wp-block-site-tagline,
.custom-logo + .site-title,
.custom-logo + .site-description {
  display: none !important;
}

/* HEADER: nasconde titolo e slogan testuali, resta solo il logo */
.site-title,
.site-description,
.wp-block-site-title,
.wp-block-site-tagline,
.custom-logo + .site-title,
.custom-logo + .site-description {
  display: none !important;
}

/* Nasconde titolo testuale in header, mantiene logo */
.wp-block-site-title{
  display:none !important;
}