/* MediaMC firemní vzhled podpory (podle mediamc.cz): černá, krémový text, zlatý akcent, červené CTA.
   Jen vizuální vrstva nad app.css/redesign.css. Písma jsou uložená lokálně (CSP font-src 'self'). */

@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/spacegrotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500 700;font-display:swap;src:url(../fonts/spacegrotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  color-scheme:dark;
  --mc-black:#07090d;--mc-panel:#0d1016;--mc-panel-2:#131720;--mc-panel-3:#1a1f2a;
  --mc-cream:#f8f4e8;--mc-muted:#a8a294;--mc-dim:#7d786c;
  --mc-gold:#f6d36d;--mc-gold-hi:#ffe08a;--mc-gold-soft:rgba(246,211,109,.12);--mc-gold-line:rgba(246,211,109,.18);
  --mc-line:rgba(248,244,232,.10);--mc-red:#ef4444;--mc-red-hi:#f25d5d;
  --font-text:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --font-head:"Space Grotesk",Inter,"Segoe UI",sans-serif;
  /* app.css tokens */
  --bg:var(--mc-black);--surface:var(--mc-panel);--surface-2:var(--mc-panel-2);--text:var(--mc-cream);--muted:var(--mc-muted);
  --border:var(--mc-line);--primary:var(--mc-gold);--primary-hover:var(--mc-gold-hi);--primary-soft:var(--mc-gold-soft);
  --success:#41c690;--success-soft:rgba(65,198,144,.12);--warning:#f0b429;--warning-soft:rgba(240,180,41,.12);
  --danger:var(--mc-red);--danger-soft:rgba(239,68,68,.12);--shadow:0 18px 50px rgba(0,0,0,.45);--focus:var(--mc-gold);
}
html,body,.page-home{background:var(--mc-black);color:var(--mc-cream)}
body{font-family:var(--font-text)}
::selection{background:var(--mc-gold);color:#000}
a{color:inherit}
:focus-visible{outline:2px solid var(--mc-gold);outline-offset:2px}
h1,h2,h3,.support-hero h1,.support-card h2,.ticket-hero h1{font-family:var(--font-head);letter-spacing:-.02em}

/* hlavička a patička jako na mediamc.cz */
.site-header,body:not(.page-home) .site-header{background:rgba(7,9,13,.94);border-bottom:1px solid var(--mc-gold-line);backdrop-filter:blur(8px)}
.brand__division{color:var(--mc-gold);border-left-color:var(--mc-gold-line);text-transform:uppercase;font-weight:700;letter-spacing:.16em;font-size:11px}
.site-header__nav>a,.site-header__nav a.site-header__tickets{color:var(--mc-cream);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12px;text-decoration:none}
.site-header__nav>a:hover{color:var(--mc-gold)}
.support-status{color:var(--mc-muted)}
.site-footer,.page-home .site-footer,body:not(.page-home) .site-footer{background:var(--mc-black);border-top:1px solid var(--mc-gold-line)}
.site-footer__inner,.page-home .site-footer__inner,body:not(.page-home) .site-footer__inner,.site-footer__company span{color:var(--mc-dim)}
.site-footer__company strong{color:var(--mc-cream)}
.site-footer a,.page-home .site-footer a{color:var(--mc-gold)}
.site-footer a:hover,.page-home .site-footer a:hover{color:var(--mc-gold-hi)}
.skip-link{background:var(--mc-gold);color:#000}

/* štítky (eyebrow): zlatá, verzálky, červená tečka jako na webu */
.support-eyebrow,.support-card__kicker,.after-card__kicker,.support-hero .support-eyebrow{color:var(--mc-gold);letter-spacing:.18em}
.support-hero .support-eyebrow::before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--mc-red);vertical-align:1px}

/* hero */
.support-hero,.hero{color:var(--mc-cream);border:1px solid var(--mc-gold-line);box-shadow:none;
  background:radial-gradient(ellipse at 100% 0%,rgba(246,211,109,.10),transparent 55%),linear-gradient(180deg,#0f121a,#090b10)}
.hero:after{border-color:var(--mc-gold-line);box-shadow:0 0 0 90px rgba(246,211,109,.02),0 0 0 180px rgba(246,211,109,.012)}
.support-hero h1{color:#fff}
.support-hero__copy>p:last-child{color:var(--mc-muted)}
.hero-fact{background:rgba(248,244,232,.04);border-color:var(--mc-line);color:var(--mc-cream)}
.hero-fact small{color:var(--mc-muted)}
.hero-fact--link:hover{background:var(--mc-gold-soft);border-color:var(--mc-gold-line)}
.hero-fact__arrow{color:var(--mc-gold)}
.support-steps{border-top-color:var(--mc-line)}
.support-steps>div{color:var(--mc-cream)}
.support-steps span{border-color:var(--mc-gold-line);color:var(--mc-gold)}

/* karty a panely */
.support-card,.after-card,.no-account-card,.panel,.message-card,.page-home .notice{background:var(--mc-panel);border-color:var(--mc-line);box-shadow:none;color:var(--mc-cream)}
.support-card__head{border-bottom-color:var(--mc-line)}
.support-card h2{color:#fff}
.support-required,.page-home .field__label .optional{color:var(--mc-dim)}
.support-required strong,.page-home .field__label strong{color:var(--mc-gold)}
.page-home .notice{border-left-color:var(--mc-gold)}
.page-home .notice--error{border-left-color:var(--mc-red)}
.page-home .notice--ok{border-left-color:#41c690}

/* formulář */
.page-home .field__label,.field label,.field>span{color:var(--mc-cream)}
.page-home .input,.page-home .select,.page-home .textarea,.field input,.field textarea,.field select,.inline-form select{background:var(--mc-panel-2);border-color:rgba(248,244,232,.14);color:var(--mc-cream)}
.page-home .input::placeholder,.page-home .textarea::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--mc-dim)}
.page-home .input:hover,.page-home .textarea:hover{background:var(--mc-panel-3);border-color:rgba(248,244,232,.24)}
.page-home .input:focus,.page-home .textarea:focus,.field input:focus,.field textarea:focus,.field select:focus{background:var(--mc-panel-3);border-color:var(--mc-gold);box-shadow:0 0 0 3px var(--mc-gold-soft)}
.page-home .field--error .input,.page-home .field--error .textarea{border-color:var(--mc-red)}
.page-home .field__error{color:#ff8a8a}
.support-client-choice,.type-card__copy,.urgency-switch,.page-home .file-drop,.upload-zone{background:var(--mc-panel-2);border-color:rgba(248,244,232,.14);color:var(--mc-cream)}
.page-home .choice,.page-home .choice__text strong,.type-card__copy strong,.file-drop__copy strong,.after-list strong,.no-account-card strong{color:var(--mc-cream)}
.page-home .choice__text small,.type-card__copy small,.file-drop__copy small,.after-list p,.no-account-card p,.support-consent .choice__text,.page-home .file-list{color:var(--mc-muted)}
.page-home .choice__text a{color:var(--mc-gold)}
.page-home .choice__box,.type-card__check{background:var(--mc-panel-3);border-color:rgba(248,244,232,.28)}
.page-home .choice input:checked+.choice__box{background:var(--mc-gold);border-color:var(--mc-gold)}
.page-home .choice input:checked+.choice__box::after{border-color:#000}
.type-card__copy:hover{border-color:var(--mc-gold-line)}
.type-card input:checked~.type-card__check{border-color:var(--mc-gold);background:#000}
.type-card input:checked~.type-card__copy{background:var(--mc-gold-soft);border-color:var(--mc-gold);box-shadow:none}
.type-card input:focus-visible~.type-card__copy{box-shadow:0 0 0 3px var(--mc-gold-soft)}
.urgency-switch span{color:var(--mc-muted)}
.urgency-switch label+label span{border-left-color:rgba(248,244,232,.14)}
.urgency-switch input:checked+span{background:var(--mc-gold);color:#000}
.page-home .file-drop:hover,.page-home .file-drop.is-over{background:var(--mc-gold-soft);border-color:var(--mc-gold)}
.file-drop__plus,.upload-icon{background:var(--mc-panel-3);border-color:var(--mc-gold-line);color:var(--mc-gold)}
.file-drop__action{background:var(--mc-gold-soft);color:var(--mc-gold)}
.file-pill{background:var(--mc-panel-2);color:var(--mc-cream)}
.after-list__num{background:var(--mc-gold-soft);color:var(--mc-gold)}
.no-account-card__icon{background:rgba(65,198,144,.12);color:#5fe0a7}

/* tlačítka: hlavní akce červená verzálková (CTA mediamc.cz), ostatní zlaté/obrysové */
.page-home .btn.support-send,.primary-btn{background:var(--mc-red);color:#fff;border:0;border-radius:4px;box-shadow:none;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.page-home .btn.support-send:hover,.page-home .btn.support-send:focus-visible,.primary-btn:hover{background:var(--mc-red-hi);color:#fff}
.secondary-btn{background:transparent;color:var(--mc-cream);border:1px solid var(--mc-gold-line);border-radius:4px}
.secondary-btn:hover{border-color:var(--mc-gold);color:var(--mc-gold)}
.warning-btn{background:var(--mc-gold);color:#000;border:0;border-radius:4px}
button,.btn{border-radius:4px}

/* požadavek a komunikace */
.ticket-hero{border-color:var(--mc-gold-line)}
.ticket-meta a{color:var(--mc-gold)}
.status-badge{background:var(--mc-panel-2);border-color:var(--mc-line);color:var(--mc-cream)}
.message-staff{background:#15130c;border-color:var(--mc-gold-line)}
.avatar{background:var(--mc-panel-3);color:var(--mc-cream)}
.message-staff .avatar{background:var(--mc-gold);color:#000}
.attachment{background:var(--mc-panel-2);border-color:var(--mc-line);color:var(--mc-cream)}
.attachment:hover{border-color:var(--mc-gold);color:var(--mc-gold)}
.staff-banner{background:var(--mc-gold);color:#000}
.flash-error{background:var(--danger-soft);border-color:rgba(239,68,68,.4);color:#ffb3b3}
.flash-success{background:var(--success-soft);border-color:rgba(65,198,144,.4);color:#9be8c6}
.topbar{background:rgba(7,9,13,.94);border-bottom-color:var(--mc-gold-line)}
.mcs-public-ticket{border-bottom-color:var(--mc-line)}
.mcs-public-ticket:hover strong{color:var(--mc-gold)}
.category-card:hover{background:var(--mc-panel-3);border-color:var(--mc-gold-line)}
.category-card:has(input:checked) .category-check{background:var(--mc-gold);border-color:var(--mc-gold);color:#000}

/* telefon: hlavička se nesmí překrývat */
@media (max-width:700px){.brand>span.brand__division,.support-status{display:none}.brand__logo{height:28px}.site-header__nav>a{margin-right:0;font-size:11px}}
/* 1.6.3 (Roman 15. 10. 2026): vždy přes celou šířku okna, na velkých monitorech větší písmo – žádný úzký sloupec. */
.site-header__inner,.site-main__inner,.site-footer__inner,body:not(.page-home) .site-footer__inner,.page-home .flash{width:calc(100% - clamp(24px,4vw,96px))!important;max-width:none!important}
.ticket-main{max-width:none!important}
.main,.main.narrow{width:calc(100% - clamp(24px,4vw,96px))!important;max-width:none!important}
@media (min-width:1400px){html{zoom:1.15}}
@media (min-width:1600px){html{zoom:1.3}}
@media (min-width:2000px){html{zoom:1.45}}
@media (min-width:2600px){html{zoom:1.7}}
.brand>a{display:inline-flex;align-items:center;color:inherit;text-decoration:none}.brand a.brand__division:hover{text-decoration:underline}
.site-footer__company a{color:inherit;text-decoration:none}.site-footer__company a:hover,.site-footer__links a:hover{text-decoration:underline}
@media (max-width:700px){.brand .brand__division{display:none}}
.site-footer__tip{width:calc(100% - clamp(24px,4vw,96px));margin:0 auto 14px;padding:14px 20px;border:1px solid var(--mc-gold-line,rgba(245,197,66,.45));border-radius:12px;background:rgba(245,197,66,.10);color:var(--mc-gold,#f5c542);font-size:15px;line-height:1.45}.site-footer__tip strong,.site-footer__tip b{color:var(--mc-gold,#f5c542);font-weight:800}
.site-footer__tip{padding:9px 18px;font-size:14px;line-height:1.3;text-align:center}