@charset "utf-8";

:root {
 --rfw-blue: #0d2c54;       /* Sytá královská modř přímo z dresů */
 --rfw-dark: #061324;       /* Temnější modrá pro hloubku pozadí */
 --rfw-red: #de0a26;        /* Ostrá červená z dresů a nápisů */
 --rfw-green: #39ff14;      /* Neonová zelená z detailů */
 --rfw-light: #ffffff;      /* Čistě bílá pro maximální čitelnost */
 --rfw-text-muted: #94a9c2; /* Světlá modrošedá pro texty článků */
}

html, body { height: 100%; }

main {
 flex: 1 0 auto;
 background-color: var(--rfw-dark);
}

body {
 display: flex;
 flex-direction: column;
 min-height: 100vh;
 background-color: var(--rfw-dark);
 color: var(--rfw-light);
}

/* Hlavička v barvě modrých dresů s červenou spodní linkou */
header { 
 background-color: var(--rfw-blue); 
 border-bottom: 2px solid var(--rfw-red); 
}

/* Patička splývá s temnějším podkladem */
footer { 
 flex-shrink: 0;
 background-color: var(--rfw-dark); 
 border-top: 1px solid rgba(255, 255, 255, 0.1); 
}

a { 
 text-decoration: none; 
 color: var(--rfw-light);
 transition: 0.3s; 
}

/* Navigační menu - texty z dresů */
.rfw-nav-web .nav-link { 
 color: rgba(255, 255, 255, 0.9) !important; 
 text-transform: uppercase; 
 font-size: 0.9rem; 
 letter-spacing: 1px; 
 font-weight: 600;
}
.rfw-nav-web .nav-link:hover { 
 color: var(--rfw-red) !important; 
}

/* Horní zápasová lišta - červená s neonově zeleným detailem */
.match-day-bar { 
 background-color: var(--rfw-red); 
 color: white; 
 font-weight: bold; 
}
/* Pokud máte v liště skóre nebo odznak, zelená ho zvýrazní */
.match-day-bar .badge {
 color: var(--rfw-dark) !important;
 font-weight: 900;
}

/* Karty a panely - podklad z modrých dresů */
.card, .rfw-panel-right { 
 background-color: var(--rfw-blue); 
 border: 1px solid rgba(255, 255, 255, 0.1); 
 color: var(--rfw-light); 
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Hlavní klubová tlačítka */
.btn-rfw { 
 background-color: var(--rfw-red); 
 color: white; 
 border-radius: 0; 
 border: none; 
 padding: 10px 20px; 
 font-weight: bold;
}
.btn-rfw:hover { 
 background-color: var(--rfw-blue); 
 border: 1px solid var(--rfw-red);
 color: white;
}

/* Fix pro neprůhledné rozbalovací menu */
ul.dropdown-menu.rfw-dropdown-custom {
 background-color: var(--rfw-blue) !important; /* Použití tvé proměnné pro plné krytí */
 background: var(--rfw-blue) !important;
 opacity: 1 !important;
 visibility: visible !important;
 z-index: 99999 !important;                    /* Vystřelí menu nad společnou fotku i nápisy */
 border: 1px solid rgba(255, 255, 255, 0.15) !important;
 border-radius: 0 !important;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
 padding: 5px 0 !important;
}

/* Odkazy uvnitř rozbalovacího menu */
ul.dropdown-menu.rfw-dropdown-custom .dropdown-item {
 background-color: transparent !important;
 color: var(--rfw-light) !important;
 font-weight: 600 !important;
 transition: all 0.2s ease !important;
}

/* Hover efekt - podbarvení do tmavé a změna textu na ČERVENOU */
ul.dropdown-menu.rfw-dropdown-custom .dropdown-item:hover {
 background-color: var(--rfw-dark) !important; /* Ztmavení pozadí řádku */
 color: var(--rfw-red) !important;            /* Text zčervená dle tvého požadavku */
}

/* Sociální boxy v kontaktech */
.rfw-social-box {
 background-color: var(--rfw-blue) !important;
 border: 1px solid rgba(255, 255, 255, 0.08) !important;
 border-radius: 0; 
}
.rfw-social-box span {
 color: var(--rfw-light) !important;
}
/* Hover efekt jemně blikne do zeleného akcentu v okraji */
.rfw-social-box:hover {
 background-color: rgba(13, 44, 84, 0.8) !important;
 border-color: var(--rfw-red) !important;
 transform: translateX(5px); 
}

.rfw-social-icon-wrapper {
 background-color: rgba(255, 255, 255, 0.03);
 transition: 0.3s;
}
/* Ikona při najetí zčervená */
.rfw-social-box:hover .rfw-social-icon-wrapper {
 background-color: rgba(222, 10, 38, 0.1);
 color: var(--rfw-red) !important;
 transform: rotate(10deg);
}

/* Loga partnerů */
.rfw-sponsor-card img { 
 filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5)); 
 transition: transform 0.3s ease; 
}
.rfw-sponsor-card:hover img { transform: scale(1.08); }

/* Globální opravy barev pro stávající šablony */
.text-white { color: var(--rfw-light) !important; }
.text-white-50 { color: var(--rfw-text-muted) !important; }
.text-danger { color: var(--rfw-red) !important; }

/* ==========================================================================
   KOMPLETNÍ STYL PRO FACEBOOK FEED (ELFSIGHT FIX)
   ========================================================================== */

/* 1. Vyčištění pozadí, zrušení vnějších okrajů a horního prostoru */
#eapps-facebook-feed-1,
#eapps-facebook-feed-1 .eapps-facebook-feed,
#eapps-facebook-feed-1 .eapps-facebook-feed-container,
#eapps-facebook-feed-1 .eapps-facebook-feed-inner {
 background-color: transparent !important;
 background: transparent !important;
 border: none !important;
 border-width: 0px !important;
 outline: none !important;
 box-shadow: none !important;
 margin-top: 0px !important;      /* Úplné vynulování horního marginu */
 padding-top: 0px !important;     /* Úplné vynulování horního paddingu */
}

/* 2. Totální odstavení horních kontejnerů a té otravné bílé čáry */
#eapps-facebook-feed-1 .eapps-facebook-feed-header-container,
#eapps-facebook-feed-1 .eapps-facebook-feed-title,
#eapps-facebook-feed-1 .eapps-facebook-feed-menu-container,
#eapps-facebook-feed-1 .eapps-facebook-feed-posts-inner {
 border: none !important;
 border-top: none !important;     /* Zrušení horní čáry */
 border-bottom: none !important;  /* Zrušení spodní čáry */
 outline: none !important;
 margin-top: 0px !important;
 padding-top: 0px !important;
}

/* 3. Kompletní přetření vnitřních karet do klubové modré */
#eapps-facebook-feed-1 .eapps-facebook-feed-posts-item-inner {
 background-color: #0d2c54 !important; /* Tvoje modrá z dresů */
 border: none !important;              /* Bez jakýchkoliv okrajů */
 border-radius: 0px !important;       /* Ostré rohy šablony */
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
 padding: 20px !important;
}

/* 4. Nastavení barev textů a odkazů uvnitř karet */
#eapps-facebook-feed-1 .eapps-facebook-feed-item-author-name a,
#eapps-facebook-feed-1 .eui-item-text,
#eapps-facebook-feed-1 .eui-item-text-excerpt,
#eapps-facebook-feed-1 .eui-item-text-full {
 color: #ffffff !important; /* Čistě bílé texty článků */
}

/* 5. Světlejší modrošedá pro datum příspěvku */
#eapps-facebook-feed-1 .eapps-facebook-feed-item-date {
 color: #94a9c2 !important;
}

/* 6. Úprava tlačítek "Zobrazit další" a "Sdílet" do klubové červené */
#eapps-facebook-feed-1 .eui-item-text-see-more,
#eapps-facebook-feed-1 .eapps-facebook-feed-posts-item-footer-share {
 color: #de0a26 !important; /* Červená z dresů */
 font-weight: bold !important;
}

/* 7. Centrování, zúžení a dokonalé vyrovnání nápisu uvnitř tlačítka */
#eapps-facebook-feed-1 .eapps-facebook-feed-posts-load-more-wrapper {
 display: flex !important;
 justify-content: center !important; /* Centruje tlačítko na střed řádku */
 margin-top: 30px !important;
}

#eapps-facebook-feed-1 .eapps-facebook-feed-posts-load-more {
 background-color: #de0a26 !important; /* Klubová červená */
 color: #ffffff !important;
 border-radius: 0px !important;       /* Ostré rohy */
 font-weight: bold !important;
 text-transform: uppercase !important;
 border: none !important;
 
 /* Úprava šířky a vyrovnání textu na střed */
 width: auto !important;
 min-width: 170px !important;          /* Zúženo z 200px na 170px */
 padding: 0px 25px !important;         /* Zrušen pevný padding shora/zdola */
 height: 45px !important;              /* Fixní výška tlačítka */
 line-height: 45px !important;         /* Vycentruje text přesně na střed vertikálně */
 text-align: center !important;        /* Vycentruje text horizontálně */
 
 transition: background-color 0.3s !important;
}

#eapps-facebook-feed-1 .eapps-facebook-feed-posts-load-more:hover {
 background-color: #061324 !important; /* Při najetí myší ztmavne do pozadí */
}

/* 8. Pojistka pro skrytí reklamního loga Elfsight pro CSS prohlížeče */
#eapps-facebook-feed-1 + a[href*="elfsight.com"],
a[href*="elfsight.com"],
div[eapps-link="container"] + a {
 display: none !important;
 visibility: hidden !important;
 opacity: 0 !important;
 height: 0 !important;
 width: 0 !important;
 position: absolute !important;
}

/* 9. Skrytí šedé admin lišty pro úpravy */
#eapps-facebook-feed-1 .eapps-widget-toolbar,
#eapps-facebook-feed-1 .eapps-widget-toolbar-panel-wrapper,
.eapps-widget-toolbar {
 display: none !important;
 opacity: 0 !important;
 visibility: hidden !important;
 height: 0 !important;
}