/* =========================
   CUPRA FINAL OVERRIDES
   ========================= */

:root{
  --cupra-copper:#b87333;
  --cupra-copper-light:#e0a96d;
}

html, body{
  background-color:#0e0e0e !important;
  background-image:repeating-linear-gradient(135deg,#0e0e0e 0px,#0e0e0e 10px,#121212 10px,#121212 20px) !important;
  color:#e6e6e6 !important;
}

.wrap{
  background-color:#1c1c1c !important;
  border:1px solid #2a2a2a !important;
}

/* Bars / panels */
.headerbar, .navbar, .forabg, .forumbg, .panel{
  background-color:#1a1a1a !important;
  border-color:#2a2a2a !important;
}
.headerbar{ border-bottom:2px solid var(--cupra-copper) !important; }
.forabg, .forumbg, .panel{ border-top:1px solid var(--cupra-copper) !important; }

/* Typography (UI) */
.headerbar, .navbar, .forabg, .forumbg, .panel,
.pagination, .breadcrumbs, .dropdown, .tabs,
.forumtitle, .topic-title, h1, h2, h3{
  font-family:'Oxanium', sans-serif !important;
  letter-spacing:0.6px !important;
}
h1, h2, h3, .forumtitle, .topic-title{
  text-transform:uppercase !important;
}

/* Remove uppercase from general navigation */
.navbar a, .breadcrumbs, .pagination, .tabs a, .dropdown a, .forabg a, .forumbg a{
  text-transform:none !important;
  letter-spacing:0.2px !important;
}

/* Copper links */
a, a:visited{ color:var(--cupra-copper) !important; text-decoration:none !important; }
a:hover{ color:var(--cupra-copper-light) !important; }

/* Hover line ONLY for normal links (not buttons) */
a:not(.button):not(.button1):not(.button2):not(.button3):hover{
  border-bottom:2px solid var(--cupra-copper);
  padding-bottom:2px;
}

/* Buttons (intense) */
.button, input.button, button{
  font-family:'Oxanium', sans-serif !important;
  background:linear-gradient(180deg,#1c1c1c 0%,#121212 100%) !important;
  border:2px solid var(--cupra-copper) !important;
  color:var(--cupra-copper) !important;
  border-radius:2px !important;
  text-transform:uppercase !important;
  letter-spacing:1px !important;
  font-weight:800 !important;
  padding:10px 16px !important;
  transition:all .15s ease-in-out !important;
}
.button:hover, input.button:hover, button:hover,
.button:focus, input.button:focus, button:focus{
  background:var(--cupra-copper) !important;
  color:#0e0e0e !important;
  box-shadow:0 0 12px rgba(184,115,51,0.45) !important;
  transform:translateY(-1px) !important;
}

/* Inputs */
input.inputbox, textarea.inputbox, select{
  background-color:#121212 !important;
  border:2px solid #2a2a2a !important;
  color:#e6e6e6 !important;
  border-radius:2px !important;
}
input.inputbox:focus, textarea.inputbox:focus, select:focus{
  border-color:var(--cupra-copper) !important;
  box-shadow:0 0 10px rgba(184,115,51,0.35) !important;
}

/* Subtle edge for copper text */
h1, h2, h3, .forumtitle a, .topic-title a{
  text-shadow:0 -1px 0 rgba(255,255,255,0.12), 0 1px 0 rgba(0,0,0,0.9) !important;
}
/* === REDUCE EXCESSIVE UPPERCASE (CUPRA BALANCE) === */

/* Remove uppercase from general UI */
.navbar a,
.breadcrumbs,
.breadcrumbs a,
.pagination,
.pagination a,
.tabs a,
.dropdown a,
.forabg a,
.forumbg a,
.panel,
.cp-main,
.cp-menu,
fieldset,
label,
dd,
dt {
    text-transform: none !important;
    letter-spacing: 0.2px !important;
}

/* Keep uppercase ONLY where it makes sense */
h1, h2, h3,
.forumtitle,
.topic-title,
.button,
input.button,
button {
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}
/* === REMOVE ALL UPPERCASE – CLEAN CUPRA STYLE === */

/* Disable uppercase everywhere */
* {
    text-transform: none !important;
    letter-spacing: 0.2px !important;
}

/* Keep typography clean and readable */
body,
h1, h2, h3,
.forumtitle,
.topic-title,
.navbar a,
.button,
input.button,
button {
    text-transform: none !important;
}
/* 1) Hide the image logo completely */
.site_logo {
  background: none !important;
}

.site_logo img {
  display: none !important;
}
/* 2) Big text title across the header */
.site-description {
  width: 100% !important;
  margin: 0 !important;
}

.site-description h1 {
  width: 100% !important;
  margin: 10px 0 0 0 !important;
  text-align: center !important;      /* ή left αν θες */
  font-size: 52px !important;         /* ανέβα/κατέβα */
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: var(--cupra-copper, #b87333) !important;
  text-transform: none !important;
}
/* === Remove leftover logo space === */
.site_logo{
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.site_logo img{
  display:none !important;
}

/* Make the title area take full width */
.site-description{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}

/* Sometimes header uses floats */
.headerbar .inner{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
}

/* Title stretches */
.site-description h1{
  text-align: left !important;
  padding: 0 20px !important;
}

/* (Optional) keep search on the right */
#search-box{
  flex:0 0 auto !important;
}
/* === Align subtitle under main title === */

/* Κεντρικό container */
.site-description{
  padding-left: 0 !important;
}

/* Κύριος τίτλος */
.site-description h1{
  margin-left: 0 !important;
}

/* Υπότιτλος (το μικρό κείμενο από κάτω) */
.site-description p,
.site-description .site-description-text{
  margin-left: 120px !important;   /* άλλαξε το 4px → 6px ή 8px αν θες */
  margin-top: 4px !important;
  text-align: left !important;
  opacity: 0.9;
  letter-spacing: 0.3px;
}
/* === CUPRA THEME CORE TOKENS === */
:root{
  --cupra-bg:#0e0e0e;
  --cupra-panel:#1a1a1a;
  --cupra-wrap:#1c1c1c;
  --cupra-line:#2a2a2a;

  --cupra-copper:#b87333;
  --cupra-copper-light:#e0a96d;

  --cupra-text:#e6e6e6;
  --cupra-muted:#b8b8b8;
}
/* === CUPRA CARBON BACKGROUND (subtle) === */
html, body{
  background-color: var(--cupra-bg) !important;
  background-image:
    repeating-linear-gradient(135deg,
      rgba(255,255,255,0.035) 0px,
      rgba(255,255,255,0.035) 6px,
      rgba(0,0,0,0.00) 6px,
      rgba(0,0,0,0.00) 14px
    ),
    radial-gradient(1200px 600px at 50% 0%,
      rgba(255,255,255,0.06),
      rgba(0,0,0,0.0) 60%
    ) !important;
  color: var(--cupra-text) !important;
}

/* Main container */
.wrap{
  background: var(--cupra-wrap) !important;
  border: 1px solid var(--cupra-line) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;
}