/* ========================================
   FESTA MAJOR - CSS PERSONALITZAT
   festamajor.biz - Disseny editorial català
   ======================================== */

/* --- FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Source+Serif+4:wght@300;400;600&display=swap');

/* --- VARIABLES DE COLOR --- */
:root {
  --color-fons:     #faf7f2;
  --color-negre:    #1a1209;
  --color-or:       #c9923a;
  --color-or-clar:  #e8d5a3;
  --color-marró:    #4a3820;
  --color-vora:     #d4c4a0;
}

/* --- BASE --- */
body {
  font-family: 'Source Serif 4', Georgia, serif !important;
  background-color: var(--color-fons) !important;
  color: var(--color-negre) !important;
}

/* --- CAPÇALERA / HEADER --- */
.site-header,
#masthead {
  background-color: var(--color-fons) !important;
  border-bottom: 2px solid var(--color-negre) !important;
  padding: 16px 0 12px !important;
}

.site-title,
.site-title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--color-negre) !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
}

.site-title a:hover {
  color: var(--color-or) !important;
}

.site-description {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  color: var(--color-or) !important;
  margin-top: 4px !important;
}

/* --- NAVEGACIÓ --- */
#site-navigation,
.main-navigation {
  background-color: var(--color-negre) !important;
}

.main-navigation a {
  color: var(--color-or-clar) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
  padding: 10px 16px !important;
  border-right: 1px solid #2e2215 !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  background-color: var(--color-or) !important;
  color: var(--color-negre) !important;
}

/* --- TÍTOLS --- */
h1, h2, h3, h4, h5, h6,
.entry-title,
.entry-title a {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: var(--color-negre) !important;
}

.entry-title a:hover {
  color: var(--color-or) !important;
  text-decoration: none !important;
}

h1.entry-title { font-size: 36px !important; line-height: 1.15 !important; }
h2.entry-title { font-size: 24px !important; line-height: 1.2 !important; }

/* --- CONTINGUT / ARTICLES --- */
.entry-content,
.entry-content p {
  font-family: 'Source Serif 4', Georgia, serif !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: var(--color-marró) !important;
  font-weight: 300 !important;
}

/* --- META (data, categoria) --- */
.entry-meta,
.posted-on,
.cat-links,
.entry-footer {
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--color-or) !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}

.cat-links a,
.entry-meta a {
  color: var(--color-or) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--color-or) !important;
}

/* --- ARTICLES A LA PORTADA --- */
.post,
article {
  border-bottom: 1px solid var(--color-vora) !important;
  padding-bottom: 28px !important;
  margin-bottom: 28px !important;
}

/* --- BARRA LATERAL (SIDEBAR) --- */
.widget-area,
#secondary {
  font-family: 'Source Serif 4', Georgia, serif !important;
}

.widget-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--color-negre) !important;
  border-bottom: 2px solid var(--color-negre) !important;
  padding-bottom: 8px !important;
  margin-bottom: 14px !important;
}

.widget ul li {
  border-bottom: 1px solid var(--color-vora) !important;
  padding: 7px 0 !important;
  font-size: 14px !important;
}

.widget ul li a {
  color: var(--color-negre) !important;
  text-decoration: none !important;
}

.widget ul li a:hover {
  color: var(--color-or) !important;
}

/* --- BOTONS I LLEGIR MÉS --- */
.more-link,
.read-more,
a.more-link {
  display: inline-block !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--color-or) !important;
  text-decoration: none !important;
  border-bottom: 1px solid var(--color-or) !important;
  padding-bottom: 2px !important;
  margin-top: 10px !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}

.more-link:hover { color: var(--color-negre) !important; border-color: var(--color-negre) !important; }

/* --- LINKS GENERALS --- */
a {
  color: var(--color-or) !important;
}
a:hover {
  color: var(--color-negre) !important;
}

/* --- PEU DE PÀGINA / FOOTER --- */
.site-footer,
#colophon {
  background-color: var(--color-negre) !important;
  color: var(--color-or-clar) !important;
  border-top: 3px solid var(--color-or) !important;
  padding: 24px !important;
  font-size: 12px !important;
  text-align: center !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}

.site-footer a {
  color: var(--color-or) !important;
}

/* --- CERCA --- */
.search-form input[type="search"] {
  border: 1px solid var(--color-vora) !important;
  border-radius: 2px !important;
  padding: 6px 12px !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
  background: white !important;
}

.search-form input[type="submit"] {
  background-color: var(--color-negre) !important;
  color: var(--color-or-clar) !important;
  border: none !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* --- TAULES --- */
table {
  border-collapse: collapse !important;
  width: 100% !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}

table td, table th {
  border: 1px solid var(--color-vora) !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
}

table th {
  background-color: var(--color-negre) !important;
  color: var(--color-or-clar) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

table tr:nth-child(even) td {
  background-color: #f5f0e8 !important;
}

/* --- PAGINACIÓ --- */
.nav-links a,
.page-numbers {
  color: var(--color-negre) !important;
  border: 1px solid var(--color-vora) !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.page-numbers.current,
.nav-links a:hover {
  background-color: var(--color-negre) !important;
  color: var(--color-or-clar) !important;
  border-color: var(--color-negre) !important;
}

/* --- BARRA SUPERIOR ORNAMENTAL --- */
body::before {
  content: '✦  Poemes · Dites · Festes · Versos · Tradicions de Catalunya  ✦';
  display: block !important;
  background-color: var(--color-negre) !important;
  color: var(--color-or) !important;
  text-align: center !important;
  padding: 6px !important;
  font-size: 10px !important;
  letter-spacing: 0.14em !important;
  font-family: 'Source Serif 4', Georgia, serif !important;
}