/*
Theme Name: ARO Casino Affiliate Theme
Theme URI: https://example.com/ARO-casino-affiliate-theme
Author: John Bob
Author URI: https://example.com/ARO
Description: A custom WordPress theme designed for casino affiliate websites, featuring dedicated sections for casino reviews, games, and bonuses, with customizable color options.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: casino-affiliate-theme
Tags: custom-post-types, affiliate, casino, responsive, customizer
Screenshot: screenshot.jpg
*/
/*
This file is the main stylesheet for your WordPress theme.
While most of the styling is handled by Tailwind CSS loaded via CDN in footer.php,
this file is crucial for WordPress to recognize your theme and display its information
in the Appearance > Themes section of the WordPress admin dashboard.

No actual CSS styling rules are typically added here if using a utility-first framework
like Tailwind CSS with a CDN, unless specific overrides or very basic global styles are needed.
*/

/* Basic body and a tag styling fallback if Tailwind isn't fully loaded or for very basic HTML elements */
body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    /* Background and text color variables are defined in header.php for dynamic control */
    /* background-color: var(--background-color, #1F2937); */
    /* color: var(--text-color, #F9FAFB); */
}

a {
    text-decoration: none;
}

/* Clearfix for floats, though Flexbox/Grid reduce its necessity */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Hide screen reader text visually but keep it accessible for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above all other elements. */
}