/*
Theme Name: La Mota TV
Theme URI: https://lamota.com
Author: Zachary Aldana
Author URI: https://zacharyaldana.com
Description: Minimal digital-menu-board theme for La Mota TV displays on a multisite. Every page renders its shortcode full-bleed on the La Mota black; a page with no content shows a "Menu Not Installed" placeholder with the logo. The home page shows the La Mota logo with "Digital Menus" underneath. Drop a menu shortcode into a Page and it fills the screen — no nav, no footer, no chrome.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lamota-tv
*/

/* ---------------------------------------------------------------------------
   La Mota brand tokens (black + teals, Montserrat / Inter)
   --------------------------------------------------------------------------- */
:root{
  --lm-black:#191919;
  --lm-bg:#141414;
  --lm-white:#ffffff;
  --lm-teal:#63c8cd;
  --lm-teal-dark:#00b9b4;
  --lm-light-blue:#a1dadf;
  --lm-gold:#d9a441;
  --lm-muted:#8fa3a3;
}

*{box-sizing:border-box;}

html,body{
  margin:0;
  padding:0;
  height:100%;
}

body{
  /* subtle teal glow up top over near-black, like the main site */
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(99,200,205,.12), rgba(20,20,20,0) 55%),
    var(--lm-bg);
  color:var(--lm-white);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Full-bleed shortcode/menu output — fills the screen, no chrome. */
.lmtv-menu{
  min-height:100vh;
  width:100%;
}

/* Centered splash / placeholder screen. */
.lmtv-screen{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:5vmin;
  text-align:center;
}
.lmtv-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4vmin;
  max-width:1100px;
}

/* ---- Logo ---- */
.lmtv-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}
/* Inline SVG logo (default) — a definite width guarantees it renders. */
.lmtv-logo svg{
  display:block;
  width:clamp(240px,44vmin,560px);
  height:auto;
  filter:drop-shadow(0 0 48px rgba(99,200,205,.40));
}
.lmtv-logo--home svg{
  width:clamp(300px,56vmin,700px);
}
/* Custom-logo image (Site Identity override). */
.lmtv-logo-img{
  display:block;
  width:auto;
  height:auto;
  max-width:58vw;
  max-height:34vh;
  filter:drop-shadow(0 0 48px rgba(99,200,205,.40));
}
/* Home logo a little larger. */
.lmtv-logo--home .lmtv-logo-img{
  max-width:64vw;
  max-height:42vh;
}

/* Text fallback wordmark (only if no logo file / custom logo). */
.lmtv-wordmark{
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:900;
  font-size:clamp(56px,12vw,200px);
  letter-spacing:-.02em;
  line-height:.9;
  text-transform:uppercase;
  color:var(--lm-white);
  filter:drop-shadow(0 0 48px rgba(99,200,205,.40));
}
.lmtv-wordmark em{font-style:normal;color:var(--lm-teal);margin-left:.1em;}

/* ---- "Menu not installed" placeholder message ---- */
.lmtv-msg{
  margin:0;
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:clamp(20px,3.4vw,44px);
  color:var(--lm-teal);
  /* nudge to offset trailing letter-spacing so it reads centered */
  text-indent:.2em;
}

/* ---- Home "Digital Menus" tagline ---- */
.lmtv-tagline{
  margin:0;
  font-family:"Montserrat",system-ui,sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.42em;
  font-size:clamp(18px,3vw,40px);
  color:var(--lm-light-blue);
  text-indent:.42em;
}

/* Keep WP's admin bar (if ever shown) from pushing layout on a TV. */
@media screen{
  html{margin-top:0 !important;}
}