/* supplement.css — generic coherent styling for fiestadeteatro.com.ar
   Тема muse/muse-child/Divi не заархивирована (0 theme-CSS на диске) — восполняем
   чистым generic-стилем. Цель: читаемость и связная вёрстка на всех страницах. */

:root{
  --ft-accent:#b3122a;        /* театральный красный */
  --ft-accent-dark:#7d0c1d;
  --ft-ink:#23211f;
  --ft-muted:#6a6460;
  --ft-line:#e6e2dd;
  --ft-bg:#f6f3ef;
}

*{box-sizing:border-box;}
body{
  font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ft-ink);
  background:var(--ft-bg);
  line-height:1.65;
  margin:0;
  font-size:16px;
}
/* Override the dead muse theme's dark custom-background (#00050a) so text is
   readable — theme CSS isn't archived, only a near-black inline body bg survived. */
html, body, body.custom-background{background:var(--ft-bg)!important;}
body{color:var(--ft-ink)!important;}
/* neutralise leftover full-screen backstretch layer the theme JS injects */
.backstretch, #backstretch, body > .backstretch{display:none!important;}
/* Hide the dead original theme headers (muse / Divi) — their CSS isn't archived
   so they render as unstyled menu/search clutter. Our #ft-nav replaces them. */
header.header, #main-header, #navigation-mobile, .navigation-mobile{display:none!important;}
/* belt-and-suspenders: hide the theme menus directly (some render outside header) */
#navigation-primary, .navigation-primary, nav.navigation, .navigation-mobile-button{display:none!important;}
/* restore the theme's own hide-utility (its CSS rule .display-none{display:none}
   was in the un-archived stylesheet) + drop decorative overlays / search modal */
.display-none{display:none!important;}
.modal-search, .head-blur, .body-background, .toolbar{display:none!important;}
/* the royalSlider slideshow lost its CSS -> show its slides as a normal stacked
   content block instead of a fixed-height slider */
.slideshow, .slideshow .rsContent, .slideshow .slide-caption{position:static!important;height:auto!important;display:block!important;}
img{max-width:100%;height:auto;}
img[src=""]{display:none;}

.ft-wrap{max-width:1120px;margin:0 auto;padding:0 20px;}

h1{font-size:30px;line-height:1.2;color:var(--ft-accent-dark);margin:.3em 0 .55em;}
h2{font-size:23px;color:var(--ft-accent);margin:1.1em 0 .5em;}
h3{font-size:19px;color:var(--ft-ink);margin:1em 0 .4em;}
h4,h5,h6{color:#3a3633;margin:.85em 0 .35em;}
p{margin:0 0 1em;}
a{color:var(--ft-accent);text-decoration:none;}
a:hover{text-decoration:underline;}

table{max-width:100%;border-collapse:collapse;}
td,th{vertical-align:top;}

/* main content card — оборачивает «голый» WP-контент */
.ft-content{
  background:#fff;
  border:1px solid var(--ft-line);
  border-radius:10px;
  padding:26px 30px;
  margin:24px auto;
  max-width:1120px;
}

/* romli monetization blocks */
.romlidata{display:block!important;visibility:visible!important;opacity:1!important;margin:20px 0;}
.romlidata a{display:inline-block;margin:6px;}

/* ---- injected top navigation ---- */
#ft-nav{background:#fff;border-bottom:3px solid var(--ft-accent);box-shadow:0 1px 5px rgba(0,0,0,.07);position:sticky;top:0;z-index:9999;}
#ft-nav .ft-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-height:58px;}
#ft-nav .ft-brand{font-weight:800;font-size:19px;color:var(--ft-accent-dark);margin-right:20px;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;}
#ft-nav a.ft-link{display:block;padding:9px 12px;color:#3a3633;font-size:13.5px;font-weight:600;border-radius:4px;white-space:nowrap;}
#ft-nav a.ft-link:hover{background:var(--ft-bg);color:var(--ft-accent);text-decoration:none;}
#ft-nav a.ft-blog{margin-left:auto;background:var(--ft-accent);color:#fff;padding:9px 20px;font-weight:700;}
#ft-nav a.ft-blog:hover{background:var(--ft-accent-dark);color:#fff;text-decoration:none;}

/* ---- injected footer ---- */
#ft-footer{background:#23211f;color:#c9c3bc;margin-top:46px;padding:30px 0 34px;font-size:13.5px;}
#ft-footer .ft-wrap{text-align:center;}
#ft-footer a{color:#e8a9b0;}
#ft-footer .ft-copy{margin-top:14px;color:#8d877f;font-size:12px;}
