/*
Theme Name: Rookie Child
Theme URI: https://footballfootballfootball.uk/rookie-child
Author: Your Name
Author URI: https://footballfootballfootball.uk
Description: A child theme for Rookie to customize World Cup history without losing parent updates.
Template: rookie
Version: 1.0.0
*/

/* 
   1. Import the Parent Styles 
   This ensures Rookie's base styles, including SportsPress CSS, load first.
   We use @import for simplicity in child themes, though @extend in functions.php is faster.
*/
@import url("../rookie/style.css");

/* 
   2. Your Custom World Cup Styles Go Here 
   Add your eclectic colors and layout overrides below.
*/
.wc-hero {
    background: linear-gradient(135deg, #008080, #002395, #FFD700, #C8102E);
    color: white;
    text-align: center;
    padding: 4rem 1rem;
}
/* General Layout */
.wc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    padding: 2rem;
}

.wc-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    /* Eclectic Border: You can map specific colors via inline styles in PHP later */
    border-top: 5px solid #000; 
}

.wc-card:hover {
    transform: translateY(-5px);
}

.wc-logo img {
    width: 100%;
    height: 200px;
    object-fit: contain; /* Keeps logo aspect ratio */
    background: #f4f4f4;
}

/* Dynamic Color Injection (Optional Advanced) */
/* You can add a 'data-color' attribute to the div in PHP based on the year */
.wc-card[data-theme="1994"] { border-top-color: #008080; } /* USA 94 Teal */
.wc-card[data-theme="1998"] { border-top-color: #002395; } /* France 98 Blue */
.wc-card[data-theme="2002"] { border-top-color: #006699; } /* Korea/Japan */
/* ... add more years as needed */

.wc-hero {
    background: linear-gradient(135deg, #008080, #002395, #FFD700, #C8102E);
    color: white;
    text-align: center;
    padding: 4rem 1rem;
    font-family: 'Lora', serif; /* Using your preferred font */
}