/*
Theme Name: Wild Brothers
Theme URI: https://example.com/
Author: OpenAI
Description: Tema custom WordPress pentru Wild Brothers Romania, stil western dark cinematic.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: wild-brothers
*/

:root{
  --bg:#0f0b08;
  --panel:#17110d;
  --panel-2:#211811;
  --text:#f2e7d0;
  --muted:#bca98c;
  --accent:#c68b3c;
  --accent-2:#8f5a22;
  --border:rgba(198,139,60,.24);
  --max:1200px;
  --radius:18px;
  --shadow:0 20px 60px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  background:
    radial-gradient(circle at top, rgba(198,139,60,.08), transparent 28%),
    linear-gradient(180deg, #120d09 0%, #0f0b08 100%);
  color:var(--text);
  line-height:1.6;
}

a{color:var(--accent);text-decoration:none}
a:hover{color:#e7ae60}
img{max-width:100%;height:auto;display:block}

.wb-container{width:min(calc(100% - 32px), var(--max));margin:0 auto}
.wb-section{padding:72px 0}
.wb-card{
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter: blur(10px);
  background:rgba(15,11,8,.85);
  border-bottom:1px solid var(--border);
}
.site-header__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:14px 0;
}
.brand{
  display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;
}
.brand-mark{
  width:44px;height:44px;border-radius:50%;
  border:1px solid var(--border);
  display:grid;place-items:center;
  background:radial-gradient(circle at top, rgba(198,139,60,.3), rgba(255,255,255,.03));
  color:var(--accent);
  font-size:20px;
}
.brand-text small{display:block;color:var(--muted);font-size:12px;letter-spacing:.18em}
.brand-text strong{display:block;color:var(--text);font-size:16px}

.main-nav ul{
  list-style:none;display:flex;gap:20px;margin:0;padding:0;align-items:center;flex-wrap:wrap;
}
.main-nav a{
  color:var(--text);font-size:15px;opacity:.95;
}
.main-nav a:hover{color:var(--accent)}

.wb-button, button, input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 20px;border-radius:999px;border:1px solid var(--border);
  background:linear-gradient(180deg, var(--accent), var(--accent-2));
  color:#120d09;font-weight:700;letter-spacing:.03em;
  box-shadow:var(--shadow);cursor:pointer;
}
.wb-button--ghost{
  background:transparent;color:var(--text);
}

.hero{
  position:relative;overflow:hidden;
  padding:96px 0 72px;
}
.hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.55)),
    radial-gradient(circle at right top, rgba(198,139,60,.18), transparent 30%);
  pointer-events:none;
}
.hero__grid{
  position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center;
}
.hero__content, .hero__panel{position:relative;z-index:1}
.eyebrow{
  display:inline-block;padding:8px 12px;border:1px solid var(--border);
  border-radius:999px;color:var(--muted);font-size:12px;letter-spacing:.22em;text-transform:uppercase;
  background:rgba(255,255,255,.02);
}
.hero h1{
  margin:18px 0 16px;font-size:clamp(40px,6vw,76px);line-height:.95;letter-spacing:.02em;
  text-transform:uppercase;
}
.hero p{
  max-width:700px;color:var(--muted);font-size:18px;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.hero__panel{
  padding:26px;background:linear-gradient(180deg, rgba(198,139,60,.09), rgba(255,255,255,.02));
  border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);
}
.hero__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.stat{
  padding:18px;border-radius:18px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.05);
}
.stat strong{display:block;font-size:30px;color:var(--accent)}
.stat span{color:var(--muted);font-size:14px}

.section-heading{
  display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px;flex-wrap:wrap;
}
.section-heading h2{
  margin:0;font-size:clamp(28px,4vw,44px);text-transform:uppercase;line-height:1;
}
.section-heading p{margin:0;color:var(--muted);max-width:650px}

.feature-grid, .news-grid, .page-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}
.feature-card, .news-card{
  padding:24px;
}
.feature-card h3, .news-card h3{margin-top:0;margin-bottom:10px}
.feature-card p, .news-card p{color:var(--muted)}
.feature-card .icon{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
  border:1px solid var(--border);margin-bottom:18px;color:var(--accent);font-size:22px;
  background:rgba(255,255,255,.02);
}

.cta-band{
  padding:28px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:linear-gradient(90deg, rgba(198,139,60,.16), rgba(255,255,255,.02));
  border:1px solid var(--border);
}

.site-main{padding:32px 0 80px}
.page-shell{padding:28px}
.entry-title{margin-top:0;font-size:clamp(30px,4vw,46px);text-transform:uppercase}
.entry-content p, .entry-content li{color:var(--muted)}
.entry-content h2, .entry-content h3{color:var(--text);margin-top:30px}
.entry-content blockquote{
  border-left:3px solid var(--accent);margin:24px 0;padding:10px 0 10px 18px;color:#e9d3b1;
  background:rgba(255,255,255,.02)
}

.site-footer{
  border-top:1px solid var(--border);
  background:#0b0806;
  padding:28px 0;
}
.site-footer__inner{
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
.site-footer p{margin:0;color:var(--muted)}

.post-list article{
  padding:24px;margin-bottom:20px;
}
.post-list h2{margin-top:0}
.post-meta{color:var(--muted);font-size:14px}

.screen-reader-text{position:absolute;left:-9999px}

/* ==============================
   BUTON BECULET TEMA
   ============================== */

.wb-theme-toggle{
  width:46px;
  height:46px;
  border-radius:999px;
  border:1px solid rgba(198,139,60,.7);
  background:radial-gradient(circle at 35% 25%, #ffe7a3, #c68b3c 45%, #7b4214 100%);
  color:#120d09;
  font-size:22px;
  padding:0;
  margin-left:8px;
  cursor:pointer;
  box-shadow:0 0 18px rgba(198,139,60,.55);
  transition:all .25s ease;
  flex:0 0 auto;
}

.wb-theme-toggle:hover{
  transform:scale(1.08) rotate(-6deg);
  box-shadow:0 0 28px rgba(255,205,112,.9);
}

/* ==============================
   TEMA ALBA / LIGHT THEME
   ============================== */

body.light-theme{
  --bg:#f4ead8;
  --panel:#fff7e8;
  --panel-2:#ead1a7;
  --text:#201408;
  --muted:#5f3b17;
  --accent:#9f5b16;
  --accent-2:#d69a3a;
  --border:rgba(130,75,20,.28);
  --shadow:0 18px 45px rgba(95,55,15,.16);

  background:
    radial-gradient(circle at top, rgba(198,139,60,.18), transparent 30%),
    linear-gradient(180deg, #fff7e8 0%, #f4ead8 48%, #e8cf9f 100%) !important;
  color:#201408 !important;
}

body.light-theme a{
  color:#8a4d12 !important;
}

body.light-theme a:hover{
  color:#c68b3c !important;
}

body.light-theme .site-header{
  background:rgba(255,247,232,.92) !important;
  border-bottom:1px solid rgba(130,75,20,.28) !important;
  box-shadow:0 8px 28px rgba(95,55,15,.12);
}

body.light-theme .brand-mark{
  background:radial-gradient(circle at top, #ffe0a1, #c68b3c) !important;
  color:#201408 !important;
  border-color:rgba(130,75,20,.28) !important;
}

body.light-theme .brand-text small{
  color:#7a4a18 !important;
}

body.light-theme .brand-text strong,
body.light-theme .main-nav a{
  color:#201408 !important;
}

body.light-theme .main-nav a:hover{
  color:#9f5b16 !important;
}

body.light-theme .wb-card,
body.light-theme .hero__panel,
body.light-theme .feature-card,
body.light-theme .news-card,
body.light-theme .page-shell,
body.light-theme .post-list article{
  background:linear-gradient(180deg, #fffaf0, #f1ddbb) !important;
  border-color:rgba(130,75,20,.28) !important;
  box-shadow:0 18px 45px rgba(95,55,15,.16) !important;
  color:#201408 !important;
}

body.light-theme .hero:before{
  background:
    linear-gradient(180deg, rgba(255,247,232,.25), rgba(232,207,159,.65)),
    radial-gradient(circle at right top, rgba(198,139,60,.22), transparent 35%) !important;
}

body.light-theme .eyebrow{
  background:rgba(255,255,255,.45) !important;
  color:#6b4218 !important;
  border-color:rgba(130,75,20,.28) !important;
}

body.light-theme .hero h1,
body.light-theme .section-heading h2,
body.light-theme .entry-title,
body.light-theme h1,
body.light-theme h2,
body.light-theme h3,
body.light-theme h4{
  color:#201408 !important;
}

body.light-theme .hero p,
body.light-theme .section-heading p,
body.light-theme .feature-card p,
body.light-theme .news-card p,
body.light-theme .entry-content p,
body.light-theme .entry-content li,
body.light-theme .post-meta,
body.light-theme .site-footer p,
body.light-theme .stat span{
  color:#5f3b17 !important;
}

body.light-theme .stat{
  background:rgba(255,255,255,.45) !important;
  border-color:rgba(130,75,20,.18) !important;
}

body.light-theme .stat strong{
  color:#9f5b16 !important;
}

body.light-theme .feature-card .icon{
  background:rgba(255,255,255,.5) !important;
  color:#9f5b16 !important;
  border-color:rgba(130,75,20,.28) !important;
}

body.light-theme .cta-band{
  background:linear-gradient(90deg, #fff4df, #e4c58e) !important;
  border-color:rgba(130,75,20,.28) !important;
  color:#201408 !important;
}

body.light-theme .wb-button,
body.light-theme button,
body.light-theme input[type=submit]{
  background:linear-gradient(180deg, #d69a3a, #9f5b16) !important;
  color:#120d09 !important;
  border-color:rgba(130,75,20,.35) !important;
}

body.light-theme .wb-button--ghost{
  background:transparent !important;
  color:#201408 !important;
}

body.light-theme .entry-content blockquote{
  color:#4b2b0d !important;
  background:rgba(255,255,255,.42) !important;
  border-left-color:#9f5b16 !important;
}

body.light-theme .site-footer{
  background:#fff7e8 !important;
  border-top:1px solid rgba(130,75,20,.28) !important;
}

body.light-theme input,
body.light-theme textarea,
body.light-theme select{
  background:#fffaf0 !important;
  color:#201408 !important;
  border:1px solid rgba(130,75,20,.35) !important;
}

body.light-theme .wb-theme-toggle{
  background:radial-gradient(circle at 35% 25%, #ffffff, #ffe7a3 40%, #d69a3a 100%) !important;
  color:#201408 !important;
  box-shadow:0 0 22px rgba(198,139,60,.55);
}

/* Forum / plugin-uri, dacă există */
body.light-theme #wpforo,
body.light-theme .wpforo,
body.light-theme .wpf,
body.light-theme .wpf-content,
body.light-theme .wpf-thread,
body.light-theme .wpf-post,
body.light-theme article{
  background:#fffaf0 !important;
  color:#201408 !important;
  border-color:rgba(130,75,20,.28) !important;
}

body.light-theme #wpforo a,
body.light-theme .wpforo a,
body.light-theme .wpf a{
  color:#8a4d12 !important;
}

@media (max-width: 980px){
  .hero__grid, .feature-grid, .news-grid, .page-grid{grid-template-columns:1fr}
  .main-nav ul{gap:14px}
}

@media (max-width: 640px){
  .site-header__inner{flex-direction:column;align-items:flex-start}
  .hero{padding-top:72px}
  .hero p{font-size:16px}
  .wb-theme-toggle{
    width:42px;
    height:42px;
    font-size:20px;
  }
}