/*
Theme Name: ta-lendo-oque-aqui?
Theme URI: https://multicanaishd.website/
Author: ta-lendo-oque-aqui?
Author URI: https://multicanaishd.website/
Description: Tema WordPress leve e otimizado para landing page institucional, focado em performance, SEO técnico e compatibilidade com buscadores.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: multicanaishd.website
Tags: custom-theme, seo-friendly, fast, responsive
*/
:root{--main-color:#931800}
@font-face{font-family:'Neo Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:local('Neo Sans Arabic'),url('https://multicanaishd.website/wp-content/themes/ta-lendo-oque-aqui?/assets/fonts/NeoSansArabic.woff') format('woff')}
*{margin:0;padding:0;box-sizing:border-box;outline:0;list-style:none}
body{width:100%;background:#eceef2;color:#000;font:16px/33px 'Neo Sans Arabic','Roboto','Segoe UI',sans-serif}
a{color:#222;text-decoration:none;transition:.3s}
a:hover,a:focus{color:var(--main-color)}
img{font-size:0;max-width:100%;display:block}
strong{font-weight:500}
.container{max-width:1000px;margin:auto;padding:0 12px}

/* BOX / PAINEL */
.panel-default{background:#fff;margin-bottom:15px;overflow:hidden;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.3)}
.box-title{padding:12px;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;background:#eceef2}
.box-title h1,.box-title h2,.box-title h3,.nav-tabs li a{font-size:15px;background:#474747;color:#fff;float:left;padding:0 10px;border-radius:8px}
h2.boxstitle{background:var(--main-color)}

/* NAV TABS */
.nav-tabs{float:right}
.nav-tabs li{float:right;margin-right:12px}
.nav-tabs li a{background:#931800}
.nav-tabs .yema a{background:#104783}
.nav-tabs .tomat a{background:#caa107}

/* MATCH */
.match-container{position:relative;text-align:center;background:#eceef2;margin-bottom:12px;border-radius:8px;overflow:hidden}
.match-container h4{margin:30px 0}
.match-container a{color:#222}
.match-container.live #match-time,
.match-container.gools #match-time,
.match-container.finshed #match-time{display:none}
.right-team,.left-team,.match-center{width:33.333%;float:right}
.team-logo{float:right;width:50%}
.left-team .team-logo{float:left}
.team-logo img{margin:10px auto}
.team-name{margin:28px auto;display:table}
.overlay-match{position:absolute;inset:0;opacity:0;cursor:pointer;background:rgba(0,0,0,.6);z-index:9}
.match-container:hover .overlay-match{opacity:1}
.text-match{position:absolute;inset:0;margin:auto;width:45px;height:45px;background:no-repeat center url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm88.5 269.6-128 80c-6.6 4.1-16.5.1-16.5-7.6V176c0-7.7 9.9-11.7 16.5-7.6l128 80c6.2 3.9 6.2 12.7 0 16.6z'/%3E%3C/svg%3E")}

/* FLEX */
.albaflex{width:100%;display:flex;flex-direction:column;padding:12px 12px 0}
.albaflex .commingsoon{order:3}

/* PLAYER */
.box-video{width:100%;max-height:520px;overflow:hidden;background:#000;border-radius:8px}
.box-video>div{position:relative;padding-bottom:56.25%;height:0}
.box-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* CANAIS */
.canais{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px}
.channel-card{flex:1 1 140px;max-width:180px;min-width:120px;padding:14px 18px;background:#fff;border:1px solid #ccc;border-radius:6px;font-weight:700;color:#000;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:.2s}
.channel-card:hover{background:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}

/* AVISO */
#hattackmessage{background:#be4d25;color:#fff;font-weight:700;padding:8px;text-align:center;font-size:14px}

/* MENU JOGO */
#playerdiv{width:100%;margin-bottom:10px}
#playerdiv .penci-header-wrap{background:#111;border-radius:8px;overflow:hidden}
#playerdiv .penci-top-bar{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}
#playerdiv .container{max-width:1000px;margin:auto;padding:10px 15px}
#playerdiv .penci-topbar-menu{display:flex;justify-content:space-between;gap:10px}
#playerdiv .penci-topbar-menu li a{color:#fff;font-size:15px;font-weight:600;padding:8px 14px;border-radius:6px;background:rgba(255,255,255,.08)}
#playerdiv .penci-topbar-menu li.current-menu-item a,
#playerdiv .penci-topbar-menu li a:hover{background:#ff9800;color:#000}

/* RESPONSIVO */
@media(max-width:640px){
.channel-card{flex:1 1 45%;max-width:none;min-width:45%}
}
@media(max-width:600px){
#playerdiv .penci-topbar-menu{flex-direction:column}
#playerdiv .penci-topbar-menu li a{text-align:center}
}
@media(max-width:500px){
.panel-default .box-title{padding:12px 12px 0}
.panel-default .box-title h2{width:95%;text-align:center;margin-bottom:6px}
.panel-default .nav-tabs{float:none;width:100%;text-align:center}
.panel-default .nav-tabs li{width:33.33%;margin:0}
.team-logo img{width:50px;height:50px;margin:7px auto 0}
.team-name{margin:7px auto}
.team-logo{width:100%}
}
@media(max-width:400px){
.channel-card{flex:1 1 100%;max-width:100%;min-width:100%}
}