/*
Theme Name: Astrologia Vedica
Theme URI: https://astrologiavedica.it/
Author: Sama
Description: Tema WordPress personalizzato per AstrologiaVedica.it, derivato dal sito statico approvato.
Version: 1.1.2
Text Domain: astrologiavedica
*/


:root{--gold:#c89235;--gold-2:#ddb469;--ink:#332419;--ink-2:#5d4631;--paper-a:#f4ead7;--paper-b:#e7d2b0;--paper-c:#ccb089;--white:#fffdf8;--shadow:rgba(32,19,11,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--paper-a);line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap,.narrow{width:min(860px,calc(100% - 34px));margin:0 auto}.wrap-wide{width:min(1180px,calc(100% - 28px));margin:0 auto}.center{text-align:center}
.site-header{position:sticky;top:0;z-index:50;padding:12px 0;background:linear-gradient(180deg,rgba(51,35,24,.86),rgba(44,30,21,.92));backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:fit-content}.logo-sun{width:72px;height:72px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 3px 7px rgba(0,0,0,.35))}.brand-text{display:flex;flex-direction:column;line-height:.92}.brand-text strong{font:700 28px/0.92 Arial,sans-serif;color:#f0d7a1;letter-spacing:.2px}.brand-text strong span{opacity:.75}.brand-text small{font:700 11px/1.2 Arial,sans-serif;color:#f7e9c7;letter-spacing:.8px;text-transform:uppercase;margin-top:7px}.menu-toggle{display:none;background:none;color:#fff4de;border:1px solid rgba(255,255,255,.35);padding:9px 12px;border-radius:10px;font:700 14px Arial,sans-serif}#main-nav{display:flex;align-items:center;gap:22px;font:600 16px/1 Arial,sans-serif;flex-wrap:wrap;justify-content:flex-end}#main-nav>a,.dropdown>button{background:none;border:0;color:#fff4de;font:inherit;cursor:pointer;padding:10px 0;white-space:nowrap}#main-nav a:hover,.dropdown>button:hover,#main-nav a.active,.drop a.active{color:#ffd88e}.dropdown{position:relative}.drop{display:none;position:absolute;right:0;top:42px;min-width:236px;background:rgba(33,24,18,.98);padding:10px 0;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.25)}.dropdown.open .drop,.dropdown:hover .drop{display:block}.drop a{display:block;padding:10px 16px;color:#f8eedf;font:500 14px/1.2 Arial,sans-serif}.drop a:hover{background:rgba(255,255,255,.06)}
.hero{min-height:720px;position:relative;background:url('assets/hero-golden-sea.jpg') center center/cover no-repeat;color:#fff;display:flex;align-items:flex-end}.hero .shade,.subhero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,10,7,.26),rgba(15,10,7,.10) 40%,rgba(15,10,7,.36))}.hero-copy{position:relative;z-index:1;padding:0 0 92px}.hero-title,.hero-subtitle{display:table;background:rgba(17,12,8,.58);backdrop-filter:blur(2px);padding:14px 20px;border-left:3px solid rgba(230,181,89,.88)}.hero-title{font:700 31px/1.2 Arial,sans-serif;letter-spacing:.7px}.hero-subtitle{margin-top:18px;font:400 24px/1.3 Arial,sans-serif;max-width:920px}.subhero{position:relative;background:url('assets/hero-golden-sea.jpg') center 36%/cover no-repeat;color:#fff;padding:120px 0 68px}.subhero .wrap{position:relative;z-index:1}.subhero h1{font-size:48px;margin:0 0 8px;color:#fff}.subhero p{max-width:760px;color:#f9efd8;font-size:22px;margin:0}
section{padding:84px 0}.paper-a{background:linear-gradient(180deg,var(--paper-a),#efe0c8)}.paper-b{background:linear-gradient(180deg,var(--paper-b),#d9c19d)}.paper-c{background:linear-gradient(180deg,var(--paper-c),#e6cfab)}.intro .ganesha-home{width:110px;margin:0 auto 18px}.text-link{display:inline-block;margin-top:6px;color:#8b5a1f;font-weight:700;border-bottom:1px solid rgba(139,90,31,.35)}small.eyebrow,article small{display:block;text-transform:uppercase;letter-spacing:1.7px;font:700 12px/1.2 Arial,sans-serif;color:#8b5a1f;margin-bottom:10px}h1,h2,h3{font-weight:500;line-height:1.2;color:var(--ink);margin:0 0 22px}h1{font-size:48px}h2{font-size:36px}h3{font-size:28px}p{font-size:20px;margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cards article,.panel,.article-card,.video-card{background:rgba(255,248,236,.72);padding:32px;border:1px solid rgba(96,69,49,.14);box-shadow:0 8px 24px rgba(82,57,37,.08);border-radius:10px}.btn{display:inline-block;margin-top:10px;padding:11px 18px;border:1px solid #8b5a1f;font:700 13px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.9px;color:#8b5a1f;background:rgba(255,251,245,.28)}.btn:hover{background:#8b5a1f;color:#fff}.ghost{border-color:rgba(139,90,31,.45)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.links{display:grid;gap:14px}.links a{padding:16px 18px;border-left:2px solid var(--gold);background:rgba(255,247,233,.42);font-size:18px;border-radius:4px}.links a:hover{background:rgba(255,255,255,.70)}.journeys{grid-template-columns:.9fr 1.1fr}.journey-image{border-radius:12px;box-shadow:0 12px 28px var(--shadow)}blockquote{margin:0;padding:34px;border-left:2px solid var(--gold);background:rgba(255,247,234,.72);border-radius:6px;font-size:24px;font-style:italic}.seal{text-align:center}.seal img{width:112px;margin:0 auto 24px}.seal p{font-size:22px;font-style:italic}.seal em{font-size:21px}.content{padding:70px 0}.content .narrow{background:rgba(255,248,236,.50);padding:8px 0}.content ul{padding-left:22px;margin:0 0 18px}.content li{font-size:20px;margin:0 0 10px}.content blockquote{font-size:22px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.article-card h2{font-size:30px}.article-card p{font-size:18px}footer{background:linear-gradient(180deg,#3b2b1f,#261b14);color:#eadfce;padding:46px 0}.foot{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:34px}.foot strong{font-size:23px;display:block}.foot small{font-size:14px;color:#d6c1a8}.foot-nav,.legal{display:flex;flex-wrap:wrap;gap:10px 16px;font:500 14px/1.35 Arial,sans-serif;color:#eedfca}.foot a:hover{color:#f0ca82}.callout{padding:22px 24px;background:rgba(255,248,236,.72);border-left:3px solid var(--gold);border-radius:6px}.price-tag{display:inline-block;padding:8px 12px;background:#8b5a1f;color:#fff;border-radius:999px;font:700 14px Arial,sans-serif;letter-spacing:.4px}.contact-card{display:grid;gap:18px;justify-items:start}.contact-card img.email{width:320px;max-width:100%}
@media(max-width:980px){.cards,.split,.article-list,.grid-2,.foot{grid-template-columns:1fr}.hero{min-height:650px}.hero-title{font-size:24px}.hero-subtitle{font-size:20px}.subhero h1{font-size:38px}.subhero p{font-size:20px}}@media(max-width:840px){.menu-toggle{display:block}#main-nav{display:none;position:absolute;left:14px;right:14px;top:90px;background:rgba(33,24,18,.98);padding:18px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.25)}#main-nav.open{display:grid;gap:8px}#main-nav a,.dropdown>button{padding:10px 4px}.drop{position:static;box-shadow:none;margin-top:8px;background:rgba(255,255,255,.04)}.nav-shell{position:relative}}@media(max-width:640px){.logo-sun{width:58px;height:58px}.brand-text strong{font-size:23px}.brand-text small{font-size:10px}.hero{background-position:58% center}.hero-copy{padding-bottom:72px}.hero-title{font-size:22px}.hero-subtitle{font-size:18px}h1{font-size:38px}h2{font-size:31px}h3{font-size:26px}p,.content li{font-size:18px}section{padding:70px 0}.subhero{padding:106px 0 54px}}

/* BANNER DEFINITIVI */
.subhero{position:relative;isolation:isolate;background-image:url('assets/hero-golden-sea.jpg')}
.subhero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(25,16,10,.67),rgba(25,16,10,.34) 55%,rgba(25,16,10,.22))}
.subhero .subhero-bg{display:none}
.subhero .wrap{position:relative;z-index:2}
.subhero h1,.subhero p{color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,1)}
.subhero.sentiero{background-image:url('assets/banner-sentiero.png');background-position:center 52%}
.subhero.rimedi-banner{background-image:url('assets/banner-rimedi.jpg');background-position:center 52%}
.subhero.blog-banner{background-image:url('assets/banner-blog.png');background-position:center 54%}
.subhero.rimedi-banner::before{background:linear-gradient(90deg,rgba(20,10,5,.73),rgba(20,10,5,.34) 55%,rgba(20,10,5,.20))}
.subhero.blog-banner::before{background:linear-gradient(90deg,rgba(25,14,8,.72),rgba(25,14,8,.39) 54%,rgba(25,14,8,.23))}
.consult-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.consult-grid .article-card{display:block}
.email-inline{width:320px;max-width:100%;height:auto}
.price-box{margin:28px 0;padding:15px 18px;border-left:4px solid #8b5a1f;background:rgba(255,248,236,.78);font-size:21px}
.copyright{margin-top:12px;font:500 13px/1.35 Arial,sans-serif;color:#cdb89f}
.dropdown.active>button{color:#ffd88e}
@media(max-width:840px){.consult-grid{grid-template-columns:1fr}}

/* Articoli Blog */
.article-body h2{margin-top:42px}
.article-body h3{margin-top:32px}
.article-body .signature{margin-top:36px}
.article-body .om-sign{text-align:center;font-size:32px;letter-spacing:.08em;color:#8b5a1f;margin:28px 0}
.article-body ul{margin:12px 0 22px 24px}
.article-body li{margin:6px 0}


/* WordPress integration */
body.admin-bar .site-header{top:32px}
.wp-site-blocks{padding:0}
.entry-content img{max-width:100%;height:auto}
.current-menu-item>a,.current-menu-ancestor>a{color:#ffd88e!important}
.menu-item-has-children{position:relative}
.menu-item-has-children>.sub-menu{
  position:absolute;left:0;top:100%;min-width:250px;display:none;
  background:rgba(39,29,23,.98);padding:10px;border-radius:0 0 8px 8px;z-index:1000
}
.menu-item-has-children:hover>.sub-menu{display:block}
.menu-item-has-children>.sub-menu li{display:block}
.menu-item-has-children>.sub-menu a{display:block;padding:9px 12px}
@media(max-width:840px){
 body.admin-bar .site-header{top:46px}
 .menu-item-has-children>.sub-menu{position:static;display:block;background:transparent;padding-left:16px}
}


/* WordPress menu layout fix v1.0.2 */
#main-nav > ul.menu,
#main-nav .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-nav .menu > li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}

#main-nav .menu > li > a {
  display: block;
  white-space: nowrap;
}

#main-nav .sub-menu {
  list-style: none;
  margin: 0;
}

@media (max-width: 840px) {
  #main-nav > ul.menu,
  #main-nav .menu {
    display: block;
  }

  #main-nav:not(.open) {
    display: none;
  }

  #main-nav.open {
    display: block;
  }
}


/* WordPress menu colors fix v1.0.3 */
#main-nav .menu > li > a,
#main-nav .menu-item > a {
  color: #fff4de !important;
  text-decoration: none;
}

#main-nav .menu > li > a:hover,
#main-nav .menu-item > a:hover,
#main-nav .current-menu-item > a,
#main-nav .current-menu-ancestor > a {
  color: #ffd88e !important;
}

#main-nav .sub-menu {
  background: rgba(33,24,18,.98);
}

#main-nav .sub-menu a {
  color: #f8eedf !important;
}

#main-nav .sub-menu a:hover {
  color: #ffd88e !important;
  background: rgba(255,255,255,.06);
}


/* WordPress menu spacing fix v1.0.4 */
#main-nav > ul.menu,
#main-nav .menu {
  gap: 12px;
}

#main-nav .menu > li > a,
#main-nav .menu-item > a {
  padding-left: 6px;
  padding-right: 6px;
}


/* Blog: schede più compatte, estratto su una riga e paginazione più evidente */
.article-card{
  display:block;
  padding:22px 26px;
}
.article-card h3{
  font-size:28px;
  line-height:1.25;
  margin:0 0 10px;
}
.article-card .article-excerpt{
  font-size:17px;
  line-height:1.45;
  margin:0 0 13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.article-read-more{
  display:inline-block;
  padding:7px 14px;
  border:1px solid #8b5a1f;
  border-radius:4px;
  color:#8b5a1f;
  font:700 12px/1 Arial,sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
}
.article-card:hover .article-read-more{
  background:#8b5a1f;
  color:#fff;
}
.blog-pagination{
  grid-column:1/-1;
  padding-top:14px;
}
.blog-pagination .navigation.pagination{
  margin:0;
}
.blog-pagination .nav-links{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.blog-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  min-height:42px;
  padding:8px 12px;
  border:1px solid #8b5a1f;
  border-radius:5px;
  background:rgba(255,248,236,.70);
  color:#6f4518;
  font:700 14px/1.1 Arial,sans-serif;
  text-decoration:none;
}
.blog-pagination .page-numbers:hover,
.blog-pagination .page-numbers.current{
  background:#8b5a1f;
  color:#fff;
}
.blog-pagination .page-numbers.current{
  border-width:2px;
}

/* Blog - miniature articoli */
.article-card{
  display:flex;
  gap:18px;
  align-items:flex-start;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}

.article-card-thumb{
  flex:0 0 90px;
}

.article-card-thumb img{
  width:90px;
  height:90px;
  object-fit:cover;
  border-radius:6px;
}

.article-card-content{
  flex:1;
  min-width:0;
}

.article-card .article-excerpt{
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  max-width:100%;
}

@media(max-width:640px){
  .article-card{
    flex-direction:column;
  }

  .article-card-thumb{
    flex:0 0 auto;
    width:100%;
  }

  .article-card-thumb img{
    width:120px;
    height:120px;
    margin:0 auto;
  }

  .article-card-content{
    width:100%;
  }
}
.site-header{
  background-image:
    linear-gradient(rgba(8, 35, 76, 0.18), rgba(8, 35, 76, 0.18)),
    url('https://astrologiavedica.it/wp-content/uploads/2026/09/cielo-stellato-header.png');

  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.page-id-544 .subhero{
  background-image:url('https://astrologiavedica.it/wp-content/uploads/2026/09/cielo-stellato-header.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
footer{
  background-image: url('https://astrologiavedica.it/wp-content/uploads/2026/09/cielo-stellato-header.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

footer::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(10, 20, 45, 0.45);
}

footer > *{
  position: relative;
  z-index: 1;
}

footer,
footer a,
footer p,
footer li,
footer small,
footer strong,
footer .copyright{
  color: #fff;
}

/* Pagina libro - distanza tra i paragrafi */
.page-id-544 main p{
  margin-bottom:4px;
}

/* Banner specifici */
.page-id-601 .subhero,
.page-id-603 .subhero,
.page-id-612 .subhero{
  background-image:url('https://astrologiavedica.it/wp-content/uploads/2026/09/Maestro-e-Discepoli-stesso_livello1536x1024.png');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

/* Immagini negli archivi Segni/Gemme: non ritagliare */
.article-card-image{
  width:100%;
  margin-bottom:16px;
  overflow:hidden;
  text-align:center;
}

.article-card-image img{
  width:auto;
  max-width:100%;
  height:160px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}

/* Menu - livelli successivi aperti a sinistra */
#main-nav .sub-menu .menu-item-has-children{
  position:relative;
}

#main-nav .sub-menu .menu-item-has-children > .sub-menu{
  display:none;
  position:absolute;
  top:0;
  right:100%;
  left:auto;
  min-width:270px;
  margin:0;
  padding:10px 0;
  background:rgba(33,24,18,.98);
  border-radius:8px 0 8px 8px;
  z-index:1100;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

#main-nav .sub-menu .menu-item-has-children:hover > .sub-menu{
  display:block;
}

#main-nav .sub-menu .sub-menu a{
  display:block;
  padding:10px 16px;
  color:#f8eedf !important;
  white-space:nowrap;
}

#main-nav .sub-menu .sub-menu a:hover{
  color:#ffd88e !important;
  background:rgba(255,255,255,.06);
}

/* Su smartphone i sottomenu restano dentro il menu verticale */
@media(max-width:840px){
  #main-nav .sub-menu .menu-item-has-children > .sub-menu{
    position:static;
    display:block;
    min-width:0;
    margin:0;
    padding:0 0 0 18px;
    background:transparent;
    box-shadow:none;
    border-radius:0;
  }

  #main-nav .sub-menu .sub-menu a{
    white-space:normal;
  }
}