/* ----- Brand palette ----- */
:root{
	--cream: #F7F3E9;         /* page background */
	--green: #0F3D2E;         /* calm deep green */
	--gold:  #B08D57;         /* accents */
  }
  
  /* Base + background */
  html, body { background: var(--cream); color: #26231C; }
  
  /* Headings / logo accent */
  h1, h2, h3, .logo { color: var(--gold); }
  
  /* HERO title box (remove cyan) */
  #intro h1 { color: var(--green); }
  #intro h1, #intro h1:before, #intro h1:after { 
	border-color: var(--gold) !important;  /* catches the outline pseudo-elements */
  }
  
  /* Nav bar look */
  #nav{ 
	background: var(--cream);
	box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  }
  #nav .links li a{ color: var(--green) !important; }
  #nav .links li.active a,
  #nav .links li a:hover{
	border-bottom-color: var(--gold) !important;
	color: var(--green) !important;
  }
  
  /* Buttons */
  .button, .actions .button, .button.primary, .button.large{
	font-family: "Fraunces", serif !important;  /* your request */
	letter-spacing: .02em;
  }
  .button{
	color: var(--green) !important;
	border-color: var(--gold) !important;
  }
  .button:hover{ background: var(--gold) !important; color: #fff !important; }
  .button.primary{
	background: var(--green) !important; 
	border-color: var(--green) !important; 
	color: #fff !important;
  }
  .button.primary:hover{ filter: brightness(1.05); }
  
  /* Links & small accents */
  a{ color: var(--green); }
  a:hover{ color: var(--gold); }
  
  /* Cards/sections remain light; tweak if you want a warmer cream */
  article.post, section.post{ background: #FFFFFF; }
  
  /* Footer */
  #footer{ background: var(--cream); }
  #footer a{ color: var(--green); }
  #footer a:hover{ color: var(--gold); }
  
  /* Social icons */
  .icons .icon{ color: var(--green) !important; }
  .icons .icon:hover{ color: var(--gold) !important; }
  

  /* ==== Buttons: full brand override ==== */

/* base colors */
:root{
	--green: #0F3D2E;     /* calm deep green */
	--green-700: #0C2F23; /* darker hover */
	--gold:  #B08D57;     /* accent */
  }
  
  /* default (outlined) buttons */
  a.button, .button,
  button.button,
  input[type="submit"].button,
  input[type="reset"].button,
  input[type="button"].button{
	background: transparent !important;
	border-color: var(--gold) !important;
	color: var(--green) !important;
	font-family: "Fraunces", serif !important;
	letter-spacing: .02em;
  }
  
  a.button:hover, .button:hover,
  button.button:hover,
  input[type="submit"].button:hover,
  input[type="reset"].button:hover,
  input[type="button"].button:hover{
	background: var(--gold) !important;
	border-color: var(--gold) !important;
	color: #fff !important;
	box-shadow: none !important;       /* in case theme adds one */
  }
  
  /* primary (filled) buttons */
  a.button.primary, .button.primary,
  button.button.primary,
  input[type="submit"].primary,
  input[type="reset"].primary,
  input[type="button"].primary{
	background: var(--green) !important;
	border-color: var(--green) !important;
	color: #fff !important;
  }
  
  a.button.primary:hover, .button.primary:hover,
  button.button.primary:hover,
  input[type="submit"].primary:hover,
  input[type="reset"].primary:hover,
  input[type="button"].primary:hover{
	background: var(--green-700) !important;  /* stays green, just darker */
	border-color: var(--green-700) !important;
	color: #fff !important;
  }
  /* Brand palette */
:root{
	--green:#0F3D2E;
	--green-700:#0C2F23;
	--gold:#B08D57;
  }
  
  /* Base buttons */
  a.button, .button,
  button.button,
  input[type="submit"].button,
  input[type="reset"].button,
  input[type="button"].button{
	background: transparent !important;
	border-color: var(--gold) !important;
	color: var(--green) !important;
	font-family:"Fraunces",serif !important; letter-spacing:.02em;
  }
  
  /* Hover (outlined) — include the theme's more specific selectors */
  a.button:hover, .button:hover,
  .actions .button:hover,
  .actions.special li .button:hover,
  .actions.stacked .button:hover{
	background: var(--gold) !important;
	border-color: var(--gold) !important;
	color:#fff !important;
  }
  
  /* Primary (filled) */
  a.button.primary, .button.primary,
  .actions .button.primary,
  .actions.special li .button.primary,
  .actions.stacked .button.primary{
	background: var(--green) !important;
	border-color: var(--green) !important;
	color:#fff !important;
  }
  
  /* Hover (primary) */
  a.button.primary:hover, .button.primary:hover,
  .actions .button.primary:hover,
  .actions.special li .button.primary:hover,
  .actions.stacked .button.primary:hover{
	background: var(--green-700) !important;
	border-color: var(--green-700) !important;
	color:#fff !important;
  }
  
  /* Focus/active states to avoid blue flashes */
  .button:focus, .button:active,
  .button.primary:focus, .button.primary:active{
	outline: none !important;
	box-shadow: 0 0 0 0.2rem rgba(176,141,87,.25) !important; /* gold glow */
  }
  
  /* Solo icon button (the round arrow one) */
  .button.icon.solo,
  .button.icon.solo:hover{
	color: var(--green) !important;
	border-color: var(--gold) !important;
	background: transparent !important;
  }
  /* paletă brand */
:root{
	--cream:#F5F1EA;
	--green:#0F3D2E;
	--gold:#B08D57;
	--ink:#212931;
  }
  
  /* Caseta AFIR */
  .afir-box{
	display:grid;
	grid-template-columns: 160px 1fr;
	gap:1.25rem;
	align-items:center;
	margin:2rem auto 2.5rem;
	max-width: 980px;
	padding:1rem 1.25rem;
	background: var(--cream);
	border:2px solid var(--gold);
	border-radius: 12px;
  }
  .afir-logos{ display:flex; gap:1rem; align-items:center; }
  .eu-flag{ width:140px; height:auto; box-shadow:0 0 0 1px rgba(0,0,0,.05); }
  .gov-logo{ width:90px; height:auto; }
  
  .afir-text{ color: var(--ink); line-height:1.5; }
  .afir-text .program{ margin:0 0 .5rem 0; color: var(--green); font-weight:600; }
  .afir-text .link a{ color: var(--green); border-bottom:1px solid var(--gold); text-decoration:none; }
  .afir-text .link a:hover{ color:#fff; background:var(--green); border-color:var(--green); }
  
  /* mobil */
  @media (max-width:720px){
	.afir-box{ grid-template-columns: 1fr; text-align:left; }
	.eu-flag{ width:120px; }
  }
  :root{ --cream:#F7F3E9; --green:#0F3D2E; --gold:#B08D57; --ink:#212931; }

.afir-box{
  display:grid; grid-template-columns: 140px 1fr; gap:1.25rem; align-items:center;
  margin:2rem auto; max-width: 980px; padding:1rem 1.25rem;
  background: var(--cream); border:2px solid var(--gold); border-radius:12px;
}
.afir-logos{ display:flex; gap:1rem; align-items:center; }
.eu-flag{ width:120px; height:auto; box-shadow:0 0 0 1px rgba(0,0,0,.05); }
.afir-text{ color: var(--ink); line-height:1.55; }
.afir-text .program{ margin:0 0 .5rem; color: var(--green); font-weight:600; }
.afir-text .link a{ color: var(--green); border-bottom:1px solid var(--gold); text-decoration:none; }
.afir-text .link a:hover{ color:#fff; background:var(--green); border-color:var(--green); }
@media (max-width:720px){ .afir-box{ grid-template-columns: 1fr; } }


/* --- Typography cleanup for Inter + Fraunces --- */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* Base text: Inter at 400 (not the theme’s 300) */
body, input, select, textarea {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.65;
}

/* Headings/logo: Fraunces with sane weights and no forced caps/tracking */
h1, h2, h3, .logo {
  font-family: "Fraunces", serif !important;
  font-optical-sizing: auto;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

h1 { font-weight: 700; line-height: 1.15; }
h2, h3 { font-weight: 600; line-height: 1.2; }

/* Nav links a touch bolder for readability */
#nav .links a { font-weight: 500 !important; }

/* Footer layout: left info + right EU credit */
#footer .footer-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: start;
  }
  #footer .footer-left section{ margin-bottom: 1rem; }
  
  /* Credit strip */
  .afir-credit{ 
	display:flex; gap:1rem; align-items:center; justify-content:flex-end;
	background: var(--cream); padding:1rem; border:1px solid var(--gold); border-radius:12px;
  }
  .afir-credit .logos{ display:flex; align-items:center; gap:.75rem; }
  .afir-credit .eu-flag{ width:72px; height:auto; }
  .afir-credit .gov-logo, .afir-credit .afir-logo{ height:36px; width:auto; }
  .afir-credit .text{ text-align:right; max-width: 520px; }
  .afir-credit .text a{ color: var(--green); border-bottom:1px solid var(--gold); text-decoration:none; }
  .afir-credit .text a:hover{ background: var(--green); color:#fff; border-color: var(--green); }
  
  @media (max-width: 820px){
	#footer .footer-grid{ grid-template-columns: 1fr; }
	.afir-credit{ justify-content: flex-start; }
	.afir-credit .text{ text-align:left; }
  }
  /* Credit UE compact, aliniat la dreapta */
.eu-credit{
	display:flex; gap:1rem; align-items:center; justify-content:flex-end;
	margin-top:1.25rem; padding:.85rem 1rem;
	background:#F7F3E9; /* crem */
	border:1px solid var(--brand-gold, #B08D57);
	border-radius:12px;
  }
  .eu-credit .eu-flag{ width:72px; height:auto; flex-shrink:0; }
  .eu-credit .eu-text{ margin:0; text-align:right; line-height:1.5; color:#2a2a2a; }
  .eu-credit .eu-text a{ color:var(--brand-green, #0F3D2E); border-bottom:1px solid var(--brand-gold, #B08D57); text-decoration:none; }
  .eu-credit .eu-text a:hover{ background:var(--brand-green, #0F3D2E); color:#fff; border-color:var(--brand-green, #0F3D2E); }
  .eu-credit .eu-desc{ color:#5b5b5b; }
  
  @media (max-width: 820px){
	.eu-credit{ justify-content:flex-start; }
	.eu-credit .eu-text{ text-align:left; }
	.eu-credit .eu-flag{ width:64px; }
  }
  /* ----- Header logo (menu) ----- */
#header .logo { padding: 0; border: 0; box-shadow: none; background: transparent; }
#header .logo img.logo-img {
  display: block;
  height: 56px;     /* desktop default */
  width: auto;
}

/* bigger on large screens */
@media (min-width: 1200px){
  #header .logo img.logo-img { height: 72px; }
}

/* smaller on phones */
@media (max-width: 736px){
  #header .logo img.logo-img { height: 34px; }
}

/* if the theme adds max-heights/line-heights to header, neutralize them */
#header { line-height: normal; }

/* ----- Hero/intro logo (the one centered above the nav) ----- */
#intro .hero-logo{
  display: block;
  margin: 0 auto .5rem;
  width: clamp(260px, 30vw, 460px);  /* scales with viewport */
  height: auto;
}
/* === GLOBAL FULL-BLEED BACKGROUND PHOTO (final) === */

/* 1) Default path (relative to this CSS file):
   assets/css/brand.css -> ../../images/yourfile.png */
:root{
  --hero-photo-local: url("../../images/events/puja-night.jpeg");
  /* 2) Fallbacks for other hosting contexts */
  --hero-photo-root:  url("/images/events/puja-night.jpeg");
  --hero-photo-gh:    url("/merele-de-aur/images/events/puja-night.jpeg");
}

/* clean base; let the photo show */
html, body { min-height: 100%; }
body { background: transparent !important; }

/* single, final ::before rule (wins by being last) */
body::before{
  content: "";
  position: fixed;
  inset: 0;
  /* Try CSS-relative first; if that 404s, the next URLs still render */
  background-image:
    var(--hero-photo-local),
    var(--hero-photo-gh),
    var(--hero-photo-root);
  background-position: center 20%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -2;
  transform: translateZ(0);
}

/* soft overlay for readability */
body::after{
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(1200px 600px at 50% -150px, rgba(0,0,0,.35), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25) 0, rgba(0,0,0,0) 40%);
  z-index: -1;
  pointer-events: none;
}

/* keep content above */
#wrapper { position: relative; }