/*
Theme Name: Rookie
Theme URI: https://www.themeboy.com/rookie/
Author: ThemeBoy
Author URI: https://www.themeboy.com
Description: Rookie is a fully responsive theme made for sports organisations looking to use the SportsPress plugin.
Version: 1.5.4
Text Domain: rookie
License: GNU General Public License v2 or later
*/

/* ==========================================================================
   1. TIPOGRAFÍA Y FUENTES (Typography)
   ========================================================================== */

/* Heading Font */
h1, h2, h3, h4, h5, h6, 
caption, .menu-toggle, .main-navigation a, 
.gallery-caption, .wp-caption-text.gallery-caption, 
.sp-table-caption, .sp-template-countdown time span, 
.sp-template-event-logos, .sp-template .player-gallery-group-name, 
.single-sp_staff .entry-header .entry-title strong {
    font-family: "Oswald", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

/* Body Font */
body, button, input, select, textarea, 
.sp-template-countdown .event-name, .sp-template-countdown .event-venue, 
.sp-template-countdown .event-league, .sp-template-countdown time span small, 
.sp-template-event-blocks .event-title {
    font-family: "Lato", sans-serif;
    text-transform: none;
    color: #222;
}

/* Specific Font Sizes */
.site-info { font-size: 11px; text-transform: uppercase; color: #8b8b8b; }
th, td { font-size: 14px; text-align: center; }
.widget { font-size: 14px; }

/* ==========================================================================
   2. ELEMENTOS BASE (Base Elements)
   ========================================================================== */

body { background: #e8e8e8; }
hr { background: #ccc; }
a { color: #00a69c; }
a:hover { color: #00958c; }

/* Quotes */
blockquote, q { font-weight: bold; font-size: 18px; }
blockquote p { display: inline; }
blockquote:before, q:before { color: #00a69c; }

cite { 
    display: block; font-weight: normal; font-size: 14px; 
    position: relative; text-indent: 2.5em; margin-top: 0.5em; 
}
cite:before { 
    content: ""; display: block; position: absolute; 
    left: 0; top: 0.75em; width: 2em; height: 1px; background: #00a69c; 
}

/* Tables & Code */
table { border-collapse: collapse; background: #f4f4f4; border: 1px solid #e0e0e0; }
th, td { border: 1px solid #e0e0e0; }
caption { color: #fff; background: #2b353e; border-top: 8px solid #00a69c; }

pre, code, kbd, tt, var { background: #f4f4f4; border: 1px solid #e0e0e0; }

/* ==========================================================================
   3. FORMULARIOS Y BOTONES (Forms & Buttons)
   ========================================================================== */

button, input[type="button"], input[type="reset"], input[type="submit"] {
    color: #fff; background: #00a69c; border-radius: 3px; border: none; cursor: pointer;
}
button:hover, button:focus, button:active { background: #00958c; }

input[type="text"], input[type="email"], input[type="url"], 
input[type="password"], input[type="search"], input[type="tel"], 
input[type="date"], textarea {
    color: #666; border: 1px solid #ccc;
}
input:focus, textarea:focus { color: #111; }

/* ==========================================================================
   4. ESTRUCTURA DEL SITIO (Layout Components)
   ========================================================================== */

/* Header & Branding */
.site-logo { margin: -1.75em 0 0; }
.header-area-custom { background-size: cover; background-position: center; background-repeat: no-repeat; }
.header-area-custom .site-logo { margin-top: -1em; }
.header-area-custom .site-branding { 
    padding: 1.75em; min-height: 150px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 
}
.site-branding hgroup { color: #222; }

/* Main Content Area */
.site-content { background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }

/* Footer */
.site-footer { background: #2b353e; color: #fff; }
.site-footer .footer-widget-region { padding: 20px; }
.site-footer .footer-logo { padding: 20px; }
.site-info a { color: #8b8b8b; }

/* ==========================================================================
   5. NAVEGACIÓN (Navigation)
   ========================================================================== */

.main-navigation { background: #2b353e; }
.main-navigation a { color: rgba(255, 255, 255, 0.7); }

/* Active & Hover States */
.main-navigation .nav-menu > .current-menu-item > a,
.main-navigation .nav-menu > li:hover > a { color: #fff; }
.main-navigation .nav-menu > li:hover > a { background: #00a69c; }

/* Submenus */
.main-navigation ul ul { background: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
.main-navigation ul ul a { color: #222; }
.main-navigation ul ul .current-menu-item > a { color: #00a69c; }
.main-navigation ul ul li:hover > a { background: rgba(0, 0, 0, 0.05); }

/* Search in Nav */
.main-navigation .search-form .search-field { 
    padding: 9px 10px; border: none; background: rgba(255, 255, 255, 0.1); color: #fff; 
}

/* ==========================================================================
   6. POSTS Y ENTRADAS (Blog & Entries)
   ========================================================================== */

.entry-meta, .posted-on { 
    font-size: 14px; padding: 0.125em 0.375em; background: #f4f4f4; border: 1px solid #e0e0e0; 
}
.entry-meta { float: right; }
.posted-on { float: left; }

.entry-footer a, .nav-links .meta-nav { 
    color: #fff; background: #00a69c; padding: 0.125em 0.375em; 
}
.entry-footer a:hover, .nav-links .meta-nav:hover { background: #00887e; }

/* ==========================================================================
   7. PLUGINS (SportsPress, WooCommerce, BuddyPress)
   ========================================================================== */

/* SportsPress Specific */
.sp-heading, .sp-table-caption { background: #2b353e; color: #fff; }
.sp-table-caption { border-top: 8px solid #00a69c; }
.sp-message { color: #00a69c; border: 1px solid #00a69c; border-radius: 3px; }
.single-sp_player .entry-header .entry-title strong { background: #00a69c; color: #fff; }

/* WooCommerce & BuddyPress */
.woocommerce .woocommerce-breadcrumb { background: #f4f4f4; border-bottom: 1px solid #e0e0e0; }
#buddypress div.item-list-tabs ul li.current a { background: #f4f4f4; border-color: #e0e0e0; color: #222; }

/* ==========================================================================
   8. MEDIA QUERIES (Responsive)
   ========================================================================== */

/* Mobile */
@media screen and (max-width: 600px) {
    .main-navigation .nav-menu li a:hover { background: #00a69c; }
    .main-navigation ul ul { background: rgba(0, 0, 0, 0.1); }
}

/* Desktop */
@media screen and (min-width: 601px) {
    .content-area { width: 66%; padding: 20px; }
    .widget-area { width: 34%; padding: 20px; }
    .content-area-full-width { width: 100%; border: 0; }
}

@media screen and (min-width: 1200px) {
    .social-sidebar { top: 178px; }
}