/*
Theme Name: Ananthapuri Live
Theme URI: https://ananthapurilive.com/
Author: Ananthapuri Live
Description: A clean Malayalam news and live-streaming WordPress theme with HLS/HTML5 live player, breaking news ticker, responsive layout and optional overlay advertisements.
Version: 1.0.0
Text Domain: ananthapuri-live
*/
:root{--blue:#0757a8;--blue2:#0b78d0;--gold:#f2b90b;--dark:#081522;--light:#f5f7fa;--red:#e21b23}
*{box-sizing:border-box} body{margin:0;font-family:Arial,"Noto Sans Malayalam",sans-serif;background:var(--light);color:#111} a{color:inherit;text-decoration:none}
.site-header{background:#fff;border-bottom:4px solid var(--blue);position:sticky;top:0;z-index:1000}.header-inner{max-width:1200px;margin:auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:52px;height:52px;border-radius:8px;object-fit:cover}.brand-name{font-size:25px;font-weight:800;color:var(--blue)}.tagline{font-size:12px;color:#777;margin-top:3px}
.main-nav a{margin-left:18px;font-weight:700;color:#333}.main-nav a:hover{color:var(--blue)}
.hero{background:linear-gradient(135deg,#061321,#0b4d86);color:#fff;padding:28px 18px}.container{max-width:1200px;margin:auto}.hero h1{margin:0 0 8px;font-size:32px}.hero p{margin:0;color:#d9ecff}
.live-wrap{padding:24px 18px}.live-card{background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0003;position:relative}.player-box{position:relative;background:#000;aspect-ratio:16/9}.player-box video{width:100%;height:100%;display:block;background:#000}.live-badge{position:absolute;top:14px;left:14px;background:var(--red);color:#fff;padding:6px 10px;border-radius:4px;font-weight:800;font-size:13px;z-index:5}.sound-note{position:absolute;bottom:14px;left:14px;background:#000b;color:#fff;padding:7px 10px;border-radius:4px;font-size:12px;z-index:5}
.ad-overlay{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:10;max-width:70%;display:none}.ad-overlay img{max-width:100%;height:auto;display:block;border-radius:4px}.ad-close{position:absolute;right:-8px;top:-8px;background:#111;color:#fff;border:0;width:24px;height:24px;border-radius:50%;cursor:pointer}
.ticker{background:#fff;border-left:5px solid var(--red);margin:20px 18px;padding:12px 15px;box-shadow:0 2px 12px #0001;overflow:hidden}.ticker strong{color:var(--red);margin-right:12px}.ticker-text{display:inline-block;white-space:nowrap}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;padding:0 18px 30px}.panel{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 12px #0001}.panel h2{margin-top:0;color:var(--blue);font-size:21px}.post{padding:12px 0;border-bottom:1px solid #eee}.post:last-child{border-bottom:0}.post h3{margin:0 0 5px;font-size:18px}.meta{font-size:12px;color:#777}
.site-footer{background:var(--dark);color:#fff;padding:30px 18px}.footer-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner a{color:#cde7ff}
@media(max-width:800px){.header-inner{flex-direction:column;align-items:flex-start}.main-nav a{margin:0 14px 0 0}.grid{grid-template-columns:1fr}.hero h1{font-size:25px}.ad-overlay{max-width:90%}}

/* ===== ANANTHAPURI LIVE VIDEO - FULL 16:9 ===== */

.live-wrap .live-card .player-box {
    width: 100% !important;
    max-width: 1920px !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.live-wrap .live-card .player-box > video,
.live-wrap .live-card .player-box video#anp-live-player {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    min-width: 100% !important;
    min-height: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
}

/* Keep the player 16:9 on smaller screens */
@media (max-width: 1920px) {
    .live-wrap .live-card .player-box {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .live-wrap .live-card .player-box {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }

    .live-wrap .live-card .player-box > video,
    .live-wrap .live-card .player-box video#anp-live-player {
        width: 100% !important;
        height: 100% !important;
    }
}