/*
Theme Name: Orgue del Vendrell
Theme URI: https://orguevendrell.com
Author: Associació de l'Orgue del Vendrell
Description: Tema a mida per a l'Associació de l'Orgue del Vendrell. Estil clàssic i monumental: fons fosc, tipografia Cormorant Garamond i EB Garamond, daurats discrets i fotografia protagonista. Inclou el tipus de contingut «Concert» per a l'agenda de la temporada.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orguevendrell
*/

:root{
  --fosc:#14100c;
  --fosc2:#1e1710;
  --estany:#cfc8bb;
  --or:#b98f3e;
  --or-clar:#d8b061;
  --ivori:#ece5d8;
  --linia:rgba(207,200,187,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{
  background:var(--fosc);
  color:var(--ivori);
  font-family:'EB Garamond', Georgia, 'Times New Roman', serif;
  font-size:19px;
  line-height:1.65;
}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--or-clar);outline-offset:3px}
img{max-width:100%;height:auto}
.serif-display{font-family:'Cormorant Garamond',Georgia,serif}

/* ---------- Capçalera ---------- */
.capçalera-lloc,
.capcalera-lloc{
  position:sticky;top:0;z-index:50;
  background:rgba(20,16,12,.92);
  border-bottom:1px solid var(--linia);
  backdrop-filter:blur(6px);
}
.admin-bar .capcalera-lloc{top:32px}
.nav{
  max-width:1180px;margin:0 auto;padding:16px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.marca{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;font-weight:600;letter-spacing:.02em}
.marca span{color:var(--or-clar)}
.marca img{max-height:52px;width:auto}
.nav nav ul{display:flex;gap:26px;list-style:none;font-size:.98rem;flex-wrap:wrap}
.nav nav a{border-bottom:1px solid transparent;padding-bottom:3px}
.nav nav a:hover, .nav nav a:focus-visible{border-bottom-color:var(--or)}
.nav nav .current-menu-item > a,
.nav nav .current_page_item > a{border-bottom-color:var(--or)}

/* ---------- Heroi ---------- */
.heroi{
  position:relative;
  min-height:92vh;
  display:flex;align-items:flex-end;
  overflow:hidden;
  background:radial-gradient(ellipse at 60% 30%, #2a2014 0%, var(--fosc) 65%);
}
.heroi .foto{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  filter:sepia(.2) contrast(1.05) brightness(.7);
}
.heroi .tubs{
  position:absolute;right:-4%;top:0;height:100%;width:52%;
  opacity:.5;pointer-events:none;
}
.heroi .vel{
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(20,16,12,.35) 0%, rgba(20,16,12,.15) 40%, rgba(20,16,12,.92) 88%);
}
.heroi-int{max-width:1180px;margin:0 auto;padding:110px 28px 90px;position:relative;width:100%}
.heroi .anys{
  font-family:'Cormorant Garamond',Georgia,serif;
  color:var(--or-clar);
  font-size:clamp(1.15rem, 2.2vw, 1.5rem);
  letter-spacing:.14em;
  margin-bottom:18px;
  text-shadow:0 1px 8px rgba(0,0,0,.6);
}
.heroi h1{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:500;
  font-size:clamp(2.6rem, 6vw, 4.8rem);
  line-height:1.06;
  max-width:14ch;
  text-shadow:0 2px 14px rgba(0,0,0,.65);
}
.heroi p.lede{max-width:46ch;margin-top:22px;font-size:1.12rem;color:var(--ivori);text-shadow:0 1px 8px rgba(0,0,0,.7)}
.accions{margin-top:34px;display:flex;gap:18px;flex-wrap:wrap}
.boto{
  display:inline-block;padding:13px 30px;font-size:1rem;
  border:1px solid var(--or);color:var(--or-clar);
  background:rgba(20,16,12,.55);
  transition:background .25s, color .25s;
  cursor:pointer;font-family:inherit;
}
.boto:hover,.boto:focus-visible{background:var(--or);color:var(--fosc)}
.boto.ple{background:var(--or);color:var(--fosc)}
.boto.ple:hover{background:var(--or-clar)}
.peu-foto{
  position:absolute;right:28px;bottom:18px;
  font-size:.85rem;font-style:italic;color:var(--estany);opacity:.75;
}

/* ---------- Títols de secció ---------- */
.franja-titol{
  max-width:1180px;margin:0 auto;padding:0 28px;
  display:flex;align-items:baseline;gap:22px;
}
.franja-titol h2,.franja-titol h1{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(1.8rem,3.4vw,2.5rem);
}
.franja-titol .fil{flex:1;height:1px;background:var(--linia)}
.seccio{padding:84px 0}

/* ---------- Proper concert (portada) ---------- */
.concert-dest{
  max-width:1180px;margin:44px auto 0;padding:0 28px;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;
}
.concert-img{
  background:linear-gradient(160deg,#2b2013,#171208);
  min-height:420px;position:relative;overflow:hidden;
}
.concert-img img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;
  filter:sepia(.14) contrast(1.04) brightness(.94)}
.concert-cos{
  background:var(--fosc2);border:1px solid var(--linia);border-left:none;
  padding:52px 56px;display:flex;flex-direction:column;justify-content:center;
}
.data-gran{
  font-family:'Cormorant Garamond',Georgia,serif;
  color:var(--or-clar);font-size:1.25rem;letter-spacing:.06em;
}
.concert-cos h3{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.2;margin:14px 0 18px;
}
.concert-cos h3 a:hover{color:var(--or-clar)}
.concert-cos p{color:var(--estany);max-width:52ch}
.concert-cos .lloc{margin-top:20px;font-style:italic;color:var(--estany)}
.concert-cos .boto{margin-top:30px;align-self:flex-start}

/* ---------- Agenda ---------- */
.fons-alt{background:var(--fosc2)}
.agenda{max-width:1180px;margin:38px auto 0;padding:0 28px}
.fila{
  display:grid;grid-template-columns:170px minmax(0,1fr) auto;
  gap:26px;align-items:baseline;
  padding:26px 6px;border-bottom:1px solid var(--linia);
}
.fila:first-child{border-top:1px solid var(--linia)}
.fila .dia{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.35rem;color:var(--or-clar);
}
.fila h4,.fila h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.35rem;line-height:1.25}
.fila h4 a:hover,.fila h3 a:hover{color:var(--or-clar)}
.fila .detall{color:var(--estany);font-size:1rem;margin-top:4px}
.fila .mes-info{font-style:italic;color:var(--or-clar);white-space:nowrap}
.fila .mes-info:hover{color:var(--ivori)}
.veure-tot{max-width:1180px;margin:46px auto 0;padding:0 28px}

/* ---------- Notícies (targetes) ---------- */
.noticies-grid{
  max-width:1180px;margin:44px auto 0;padding:0 28px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;
}
.noticia{border:1px solid var(--linia);background:var(--fosc2);display:flex;flex-direction:column}
.noticia .imatge{aspect-ratio:16/10;background:#241b10;overflow:hidden}
.noticia .imatge img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;
  filter:sepia(.14) contrast(1.04) brightness(.94)}
.noticia:hover .imatge img{transform:scale(1.03)}
@media (prefers-reduced-motion: reduce){.noticia:hover .imatge img{transform:none}}
.noticia .cos{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1}
.noticia .quan{color:var(--or-clar);font-size:.95rem;letter-spacing:.04em}
.noticia h4,.noticia h3{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:1.4rem;line-height:1.28;margin:10px 0 12px;
}
.noticia h4 a:hover,.noticia h3 a:hover{color:var(--or-clar)}
.noticia p{color:var(--estany);font-size:1rem;flex:1}
.noticia a.llegir{font-style:italic;color:var(--or-clar);display:inline-block;margin-top:16px}
.noticia a.llegir:hover{color:var(--ivori)}

/* ---------- Galeria ---------- */
.galeria-grid{
  max-width:1180px;margin:44px auto 0;padding:0 28px;
  display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:14px;
}
.peca-g{overflow:hidden;background:#241b10;border:1px solid var(--linia)}
.peca-g img{width:100%;height:100%;object-fit:cover;display:block;
  filter:sepia(.14) contrast(1.04) brightness(.94)}
.g1{grid-column:span 7;grid-row:span 3}
.g2{grid-column:span 5;grid-row:span 2}
.g3{grid-column:span 5;grid-row:span 1}
.g4{grid-column:span 4;grid-row:span 2}
.g5{grid-column:span 4;grid-row:span 2}
.g6{grid-column:span 4;grid-row:span 2}

/* ---------- Història / xifres ---------- */
.historia-int{
  max-width:1180px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center;
}
.historia-int h2{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(1.9rem,3.4vw,2.6rem);line-height:1.15;margin-bottom:22px;
}
.historia-int p{color:var(--estany);max-width:56ch}
.historia-int p + p{margin-top:16px}
.historia-int .boto{margin-top:26px;display:inline-block}
.foto-antiga{border:1px solid var(--linia);background:#241b10;padding:14px}
.foto-antiga img{width:100%;height:auto;display:block;filter:sepia(.25) contrast(1.02)}
.foto-antiga figcaption{font-size:.92rem;font-style:italic;color:var(--estany);margin-top:12px;text-align:center}
.credit-fotos{max-width:1180px;margin:22px auto 0;padding:0 28px;
  font-style:italic;color:var(--estany);font-size:.92rem;opacity:.85}
.xifres{max-width:1180px;margin:64px auto 0;padding:0 28px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:38px}
.xifra{border-top:1px solid var(--or);padding-top:18px}
.xifra .num{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.2rem,4vw,3.2rem);color:var(--or-clar);line-height:1;
}
.xifra .que{color:var(--estany);margin-top:8px;font-size:1rem}

/* ---------- Pàgines interiors i entrades ---------- */
.pagina-cos{max-width:820px;margin:0 auto;padding:64px 28px 90px}
.pagina-cos .capcalera-entrada{margin-bottom:36px}
.pagina-cos h1.titol-entrada{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.12;
}
.meta-entrada{color:var(--or-clar);font-size:1rem;letter-spacing:.04em;margin-top:14px}
.imatge-destacada{margin:36px 0}
.imatge-destacada img{width:100%;height:auto;display:block;
  filter:sepia(.14) contrast(1.04) brightness(.94)}
.imatge-destacada figcaption{font-size:.9rem;font-style:italic;color:var(--estany);margin-top:10px}

.contingut{color:var(--ivori)}
.contingut > * + *{margin-top:1.1em}
.contingut p{color:var(--estany);max-width:66ch}
.contingut h2,.contingut h3,.contingut h4{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.2;
  margin-top:1.6em;
}
.contingut h2{font-size:1.9rem}
.contingut h3{font-size:1.55rem}
.contingut h4{font-size:1.3rem}
.contingut a{color:var(--or-clar);border-bottom:1px solid var(--or)}
.contingut a:hover{color:var(--ivori)}
.contingut ul,.contingut ol{padding-left:1.4em;color:var(--estany)}
.contingut blockquote{
  border-left:2px solid var(--or);padding-left:22px;
  font-style:italic;font-size:1.15rem;color:var(--ivori);
}
.contingut img{filter:sepia(.14) contrast(1.04) brightness(.94)}
.contingut figcaption{font-size:.9rem;font-style:italic;color:var(--estany)}
.contingut .wp-block-gallery{gap:14px}
.contingut .wp-block-embed iframe{max-width:100%}
.contingut table{border-collapse:collapse;width:100%}
.contingut td,.contingut th{border:1px solid var(--linia);padding:10px 14px;color:var(--estany)}

/* ---------- Fitxa de concert ---------- */
.fitxa-concert{
  border:1px solid var(--linia);background:var(--fosc2);
  padding:30px 34px;margin:36px 0;
}
.fitxa-concert dl{display:grid;grid-template-columns:auto 1fr;gap:10px 26px}
.fitxa-concert dt{
  font-family:'Cormorant Garamond',Georgia,serif;
  color:var(--or-clar);font-size:1.05rem;
}
.fitxa-concert dd{color:var(--estany)}

/* ---------- Navegació entre entrades / paginació ---------- */
.nav-entrades{
  max-width:820px;margin:0 auto;padding:0 28px 70px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.nav-entrades a{font-style:italic;color:var(--or-clar)}
.nav-entrades a:hover{color:var(--ivori)}
.paginacio{
  max-width:1180px;margin:50px auto 0;padding:0 28px;
  display:flex;gap:10px;flex-wrap:wrap;
}
.paginacio .page-numbers{
  border:1px solid var(--linia);padding:8px 16px;color:var(--estany);
}
.paginacio .page-numbers.current,
.paginacio .page-numbers:hover{border-color:var(--or);color:var(--or-clar)}

/* ---------- Barra d'arxiu: cerca i anys ---------- */
.arxiu-barra{
  max-width:1180px;margin:38px auto 0;padding:28px;
  border:1px solid var(--linia);background:var(--fosc2);
}
.cerca-form{display:flex;gap:14px;flex-wrap:wrap}
.cerca-form input[type="search"]{
  flex:1;min-width:220px;padding:13px 16px;
  background:var(--fosc);border:1px solid var(--linia);color:var(--ivori);
  font-family:inherit;font-size:1.05rem;
}
.cerca-form input[type="search"]:focus{outline:2px solid var(--or-clar);outline-offset:2px}
.cerca-form input::placeholder{color:var(--estany);opacity:.7}
.arxiu-anys{margin-top:22px;display:flex;gap:8px 0;align-items:baseline;flex-wrap:wrap}
.arxiu-anys .etiqueta{
  font-family:'Cormorant Garamond',Georgia,serif;
  color:var(--or-clar);font-size:1.1rem;margin-right:14px;white-space:nowrap;
}
.arxiu-anys ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0}
.arxiu-anys li{margin:0}
.arxiu-anys li a{
  display:inline-block;padding:4px 12px;color:var(--estany);
  border-bottom:1px solid transparent;font-size:1rem;
}
.arxiu-anys li a:hover,.arxiu-anys li a:focus-visible{color:var(--or-clar);border-bottom-color:var(--or)}

/* ---------- Peu ---------- */
.peu-lloc{border-top:1px solid var(--linia);padding:64px 0 44px}
.peu-int{
  max-width:1180px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:48px;
}
.peu-lloc h5,.peu-lloc h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:1.2rem;margin-bottom:14px;color:var(--ivori)}
.peu-lloc p,.peu-lloc li{color:var(--estany);font-size:.98rem;line-height:1.7}
.peu-lloc ul{list-style:none}
.peu-lloc a:hover{color:var(--or-clar)}
.peu-lloc input[type="email"],.peu-lloc input[type="text"]{
  width:100%;padding:12px 14px;margin:10px 0;
  background:transparent;border:1px solid var(--linia);color:var(--ivori);
  font-family:inherit;font-size:1rem;
}
.peu-lloc input[type="submit"],.peu-lloc button{
  display:inline-block;padding:12px 28px;font-size:1rem;font-family:inherit;
  border:1px solid var(--or);color:var(--or-clar);background:transparent;cursor:pointer;
}
.peu-lloc input[type="submit"]:hover,.peu-lloc button:hover{background:var(--or);color:var(--fosc)}
.credits{max-width:1180px;margin:48px auto 0;padding:22px 28px 0;border-top:1px solid var(--linia);
  color:var(--estany);font-size:.9rem}

/* ---------- Accessibilitat ---------- */
.screen-reader-text{
  clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;overflow:hidden;position:absolute;
}

/* ---------- Responsiu ---------- */
@media (max-width:900px){
  .concert-dest{grid-template-columns:1fr}
  .concert-cos{border-left:1px solid var(--linia);border-top:none;padding:36px 28px}
  .concert-img{min-height:280px}
  .noticies-grid{grid-template-columns:1fr}
  .historia-int{grid-template-columns:1fr;gap:44px}
  .xifres{grid-template-columns:1fr 1fr;gap:28px}
  .peu-int{grid-template-columns:1fr}
  .fila{grid-template-columns:1fr;gap:6px}
  .fila .mes-info{white-space:normal}
  .heroi .tubs{display:none}
  .galeria-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:90px}
  .g1{grid-column:span 6;grid-row:span 3}
  .g2{grid-column:span 3;grid-row:span 2}
  .g3{grid-column:span 3;grid-row:span 2}
  .g4,.g5,.g6{grid-column:span 3;grid-row:span 2}
  .admin-bar .capcalera-lloc{top:0}
}