/* netplay-theme.css — Medieval Ascendant Theme für osTicket (MC 2026-09-10)
   Palette/Fonts aus dem Spiel: Cinzel (Titel) + EB Garamond (Fliesstext),
   Gold #c6934b/#e3b96e, Pergament #fbf3e1, Dunkel #12100c. */

@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/cinzel-500-latin.woff2') format('woff2'); }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('fonts/cinzel-500-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/cinzel-700-latin.woff2') format('woff2'); }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/cinzel-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/eb-garamond-400-latin.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('fonts/eb-garamond-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('fonts/eb-garamond-400i-latin.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 400; font-display: swap;
  src: url('fonts/eb-garamond-400i-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/eb-garamond-600-latin.woff2') format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('fonts/eb-garamond-600-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  --ma-gold: #c6934b;
  --ma-gold-hi: #e3b96e;
  --ma-gold-soft: #e8c877;
  --ma-parch: #fbf3e1;
  --ma-parch2: #f3e6c9;
  --ma-brown: #8a6a2e;
  --ma-brown-d: #6b5a4a;
  --ma-dark: #12100c;
  --ma-dark2: #1c1712;
  --ma-ink: #2c241a;
}

body {
  background: linear-gradient(rgba(12,9,6,.84), rgba(12,9,6,.84)), url('menu-bg.webp') center/cover fixed no-repeat, var(--ma-dark);
  color: var(--ma-ink);
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 17px;
}

#container {
  max-width: 980px;
  margin: 24px auto;
  background: rgba(18, 14, 10, 0.88);
  border: 1px solid rgba(198, 147, 75, 0.45);
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0,0,0,.6);
  overflow: hidden;
}

/* --- Kopfbereich --- */
#header {
  background: linear-gradient(180deg, rgba(198,147,75,.16), rgba(198,147,75,.03));
  border-bottom: 1px solid rgba(198,147,75,.4);
  padding: 14px 22px;
}
#header p { margin: 4px 0; color: var(--ma-gold-soft); font-size: .95em; }
#header a { color: var(--ma-gold-hi); }
#header a:hover { color: var(--ma-gold-soft); }
#logo img { max-height: 84px; width: auto; mix-blend-mode: screen; }

/* --- Navigation --- */
#nav {
  background: rgba(10,7,4,.55);
  border-bottom: 1px solid rgba(198,147,75,.35);
  padding: 0 12px;
}
#nav li a {
  color: var(--ma-gold-hi);
  font-family: 'Cinzel', serif;
  font-weight: 500;
  letter-spacing: .4px;
  font-size: .95em;
  padding: 10px 16px;
}
#nav li a:hover { background: rgba(198,147,75,.15); color: var(--ma-gold-soft); }
#nav li a.active {
  background: linear-gradient(180deg, rgba(198,147,75,.28), rgba(198,147,75,.12));
  color: var(--ma-gold-soft);
  box-shadow: inset 0 -2px 0 var(--ma-gold);
}

/* --- Inhalt auf Pergament --- */
#content {
  background: linear-gradient(180deg, var(--ma-parch), var(--ma-parch2));
  margin: 18px;
  border-radius: 8px;
  border: 1px solid rgba(138,106,46,.5);
  padding: 22px 26px;
  box-shadow: inset 0 0 60px rgba(138,106,46,.08);
}
#content h1, #content h2, #content h3, .form-header {
  font-family: 'Cinzel', serif;
  color: var(--ma-brown-d);
  letter-spacing: .3px;
}
#content a { color: var(--ma-brown); }
#content a:hover { color: var(--ma-brown-d); }

/* Landing-Boxen */
#landing_page h1 { font-size: 1.9em; }
#landing_page .front-page { font-size: 1.05em; }

/* --- Buttons --- */
input[type="submit"], input[type="button"], .button, .btn, a.button {
  background: linear-gradient(180deg, var(--ma-gold-hi), var(--ma-gold));
  color: #241a0c !important;
  border: 1px solid #7a5a2e;
  border-radius: 6px;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: .3px;
  padding: 8px 18px;
  box-shadow: 0 2px 5px rgba(0,0,0,.25);
  text-shadow: none;
}
input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .btn:hover {
  background: linear-gradient(180deg, var(--ma-gold-soft), var(--ma-gold-hi));
}
input[type="reset"], input[type="button"][name="cancel"] {
  background: rgba(10,7,4,.25);
  color: var(--ma-ink) !important;
  border: 1px solid var(--ma-brown);
}

/* --- Formulare --- */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
select, textarea {
  background: #fffdf7;
  border: 1px solid #c8b99a;
  border-radius: 5px;
  color: var(--ma-ink);
  font-family: 'EB Garamond', serif;
  font-size: 1em;
  padding: 6px 8px;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--ma-gold);
  box-shadow: 0 0 0 2px rgba(198,147,75,.25);
}
label { font-weight: 600; color: var(--ma-brown-d); }

/* Dropzone (Datei-Upload) */
.dropzone, .filedrop {
  background: rgba(198,147,75,.08) !important;
  border: 2px dashed rgba(138,106,46,.55) !important;
  border-radius: 8px !important;
  color: var(--ma-brown-d) !important;
}
.dropzone a, .filedrop a { color: var(--ma-brown) !important; }

/* Tabellen (Ticket-Status) */
table { border-collapse: collapse; }
th, .table th { font-family: 'Cinzel', serif; color: var(--ma-brown-d); }
td, th { border-color: rgba(138,106,46,.35) !important; }

/* Meldungen */
#msg_notice { background: rgba(46,125,50,.12); border: 1px solid rgba(46,125,50,.5); border-radius: 6px; }
#msg_error, .error_bar { background: rgba(192,57,43,.12); border: 1px solid rgba(192,57,43,.55); border-radius: 6px; }
.warning_bar, #msg_warning { background: rgba(198,147,75,.15); border: 1px solid rgba(138,106,46,.5); border-radius: 6px; }

/* --- Fuss --- */
#footer {
  background: rgba(10,7,4,.55);
  border-top: 1px solid rgba(198,147,75,.35);
  color: var(--ma-gold-hi);
  padding: 12px 22px;
  font-size: .9em;
}
#footer a { color: var(--ma-gold); }
#footer a:hover { color: var(--ma-gold-soft); }

/* Redactor-Editor bleibt hell */
.redactor-box, .redactor-editor { background: #fffdf7 !important; color: var(--ma-ink) !important; }

/* --- v2 Feinschliff (2026-09-10) --- */
/* Default-16px-Icons (blau) ausblenden — kollidieren mit Cinzel/Gold-Nav */
#nav li a { background-image: none !important; }
/* Hintergrundbild etwas präsenter */
body { background: linear-gradient(rgba(12,9,6,.78), rgba(12,9,6,.78)), url('menu-bg.webp') center/cover fixed no-repeat, var(--ma-dark); }

/* --- v3: Editor + Landing-Page --- */
.redactor-toolbar { background: #efe0c0 !important; border-bottom: 1px solid #c8b99a !important; }
.redactor-toolbar li a { color: #6b5a4a !important; }
.redactor-toolbar li a:hover { background: rgba(198,147,75,.25) !important; }
.redactor-statusbar { background: #efe0c0 !important; }

/* Landing-Page (DocumentRoot /var/www/netplay/html) */
body.ma-landing { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.ma-card { max-width: 640px; margin: 24px; background: rgba(18,14,10,.9); border: 1px solid rgba(198,147,75,.45); border-radius: 12px; padding: 44px 48px; text-align: center; box-shadow: 0 10px 40px rgba(0,0,0,.6); }
.ma-card img { max-width: 340px; width: 80%; mix-blend-mode: screen; }
.ma-card p { color: #e8c877; font-family: 'EB Garamond', serif; font-size: 1.1em; }
.ma-card a.ma-btn { display: inline-block; margin-top: 18px; background: linear-gradient(180deg, #e3b96e, #c6934b); color: #241a0c; border: 1px solid #7a5a2e; border-radius: 6px; font-family: 'Cinzel', serif; font-weight: 600; padding: 12px 28px; text-decoration: none; box-shadow: 0 2px 5px rgba(0,0,0,.25); }
.ma-card a.ma-btn:hover { background: linear-gradient(180deg, #e8c877, #e3b96e); }