/* privacy.css — extracted from privacy.php.
   Was 1 inline <style> block(s) totalling 3208 chars, re-emitted after the page load
   and rewritten onto the design tokens in professional.css. */

body {background: var(--color-bg-base);
            /* Gradient background based on logo colors */
            color: var(--color-text-primary);
        }

        

        .match-card {
            background-color: var(--color-bg-card); /* Match site colors */
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
            color: #ffffff;
            margin-bottom: 20px;
            transition: all 0.3s ease;
        }
        
        .match-card:hover {
            margin: 15px 0; /* Increase margin on hover */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); /* Enhanced shadow effect */
            transform: scale(1.02); /* Slight zoom effect */
        }

        .match-card p {
            display: inline-block; /* Ensure proper margin handling */
            margin: 5px 0;
            transition: all 0.3s ease; /* Smooth transition for hover effect */
            cursor: pointer; /* Indicate interactivity */
        }

        .match-card p:hover {
            margin-left: 10px; /* Add margin to the left */
            color: var(--color-accent-gold); /* Highlight color for text */ /* Glow effect */ /* Slight zoom-in effect */
        }

        .team-logo {
            width: 80px; /* Uniform logo size */
            height: auto;
            margin-bottom: 10px;
        }

        .btn-outline-secondary {
            color: var(--color-accent-gold);
            border-color: var(--color-accent-gold);
        }

        .btn-outline-secondary:hover {
            color: var(--color-text-primary);
            background-color: var(--color-accent-gold);
            border-color: var(--color-accent-gold);
        }

        h1 {
            color: var(--color-accent-gold);
        }

        .logo-section {
            text-align: center;
            margin-bottom: 20px;
        }

        .logo-section img {
            width: 250px;
            height: auto;
        }

        

        
        .vs-text {
            font-size: 28px; /* Make the "vs" prominent */
            font-weight: bold;
            color: var(--color-accent-red); /* Highlight the "vs" text */
            text-transform: uppercase;
            margin: 0 20px; /* Spacing between logos */
            align-self: center; /* Center align the text */
        }
        
        
        
        .text-center h5 {
            margin: 10px 0 5px; /* Space for team name */
            font-size: 18px;
            font-weight: bold;
        }
        
        .text-center p {
            margin: 5px 0;
            font-size: 14px;
        }

        a {
            text-decoration: none; /* Prevent default underline */
            color: inherit; /* Ensure it inherits parent color */
        }

        a:hover {
            color: var(--color-accent-gold); /* Change color on hover */
        }