/*
Theme Name: Astra Child
Theme URI: https://everlastingluck.co.uk/
Author: Thomas Stewart
Author URI: https://everlastingluck.co.uk/about/
Description: Astra Child Theme for Everlasting Luck. Extends the Astra Parent Theme to include custom styles and scripts for enhanced functionality.
Version: 1.0.2
Template: astra
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Domain Path: /languages
Tags: custom-menu, custom-logo, e-commerce, custom-colors, responsive-layout, translation-ready, blog
*/

/* Import Parent Theme Styles */
@import url("../astra/style.css");

/* ===== Global Settings ===== */
body {
    background-color: #0D0C11; /* Deep Black - Background */
    color: #FFFFFF;           /* Warm White - Default Text */
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
}

/* Links */
a {
    color: #FFFFFF;           /* White - Default Links */
    text-decoration: none;
    font-weight: 600;         /* Semi-Bold */
}

a:hover, a:focus {
    color: #C9A86A;           /* Muted Gold - Hovered Links */
    text-decoration: underline;
}

/* ===== Headings ===== */
h1, h2, h3, h4, h5, h6 {
    color: #FFFFFF;           /* White - Headings */
    font-weight: 700;         /* Bold */
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
    color: #C9A86A;           /* Muted Gold - Hovered Headings */
}

/* ===== Menu Styles ===== */
.main-navigation, .off-canvas-menu, .main-header-menu {
    background-color: #000000; /* Black - Menu Background */
}

.main-navigation a, .main-header-menu a, .off-canvas-menu a {
    color: #FFFFFF;            /* White - Menu Text */
    font-weight: 600;          /* Semi-Bold */
}

.main-navigation a:hover, .main-header-menu a:hover, .off-canvas-menu a:hover {
    color: #C9A86A;            /* Muted Gold - Hover Text */
}

.main-navigation .current-menu-item a, 
.main-header-menu .current-menu-item a, 
.off-canvas-menu .current-menu-item a {
    color: #C9A86A;            /* Muted Gold - Active Menu Item */
    border-bottom: 2px solid #C9A86A; /* Optional underline for active */
}

/* Dropdown Menus */
.main-navigation .sub-menu, .main-header-menu .sub-menu, .off-canvas-menu .sub-menu {
    background-color: #0D0C11; /* Black - Dropdown Background */
}

.main-navigation .sub-menu a, 
.main-header-menu .sub-menu a, 
.off-canvas-menu .sub-menu a {
    color: #FFFFFF;            /* Ensure White Text in Dropdown */
}

.main-navigation .sub-menu a:hover, 
.main-header-menu .sub-menu a:hover, 
.off-canvas-menu .sub-menu a:hover {
    color: #C9A86A;            /* Muted Gold - Dropdown Hover Text */
}

/* ===== Buttons ===== */
button, input[type="submit"], .button {
    background-color: #C9A86A; /* Muted Gold - Primary Button */
    color: #FFFFFF;            /* White - Button Text */
    border: 1px solid #4D3A38; /* Burgundy - Button Border */
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;          /* Semi-Bold */
    cursor: pointer;
}

button:hover, input[type="submit"]:hover, .button:hover {
    background-color: #4D3A38; /* Burgundy - Button Hover */
    color: #FFFFFF;            /* White - Hovered Button Text */
}

/* ===== Forms ===== */
input, textarea, select {
    background-color: #000000; /* Black - Form Background */
    color: #FFFFFF;            /* White - Form Text */
    border: 1px solid #4D3A38; /* Burgundy - Form Border */
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
}

input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #C9A86A;     /* Muted Gold - Focused Form Border */
}

/* ===== Tables ===== */
table {
    width: 100%;
    border-collapse: collapse;
    background-color: #0D0C11; /* Black - Table Background */
    color: #FFFFFF;            /* White - Table Text */
}

table th, table td {
    border: 1px solid #4D3A38; /* Burgundy - Table Borders */
    padding: 10px;
    text-align: left;
}

/* Updated: Table Headers with Gold Background */
table th {
    background-color: #C9A86A; /* Muted Gold - Table Header Background */
    color: #FFFFFF;            /* White - Header Text */
}

/* Updated: Table Hover Effect */
table tr:hover {
    background-color: #C9A86A; /* Muted Gold - Hovered Row */
    color: #0D0C11;            /* Black - Hovered Row Text */
}

/* Updated: Gold Background for Specific Rows or Highlights (Optional) */
table .highlight-row {
    background-color: #C9A86A; /* Muted Gold - Highlighted Row Background */
    color: #0D0C11;            /* Black - Highlighted Row Text */
}

/* ===== GDPR Banner ===== */
#cookie-law-info-bar {
    background-color: #000000; /* Black - Cookie Banner Background */
    color: #FFFFFF;            /* White - Banner Text */
    border-top: 2px solid #4D3A38; /* Burgundy - Banner Border */
}

#cookie-law-info-bar a {
    color: #C9A86A;            /* Muted Gold - Banner Links */
}

#cookie-law-info-bar a:hover {
    color: #FFFFFF;            /* White - Hovered Banner Links */
}

/* ===== Footer ===== */
footer {
    background-color: #0D0C11; /* Black - Footer Background */
    color: #FFFFFF;            /* White - Footer Text */
}

footer a {
    color: #C9A86A;            /* Muted Gold - Footer Links */
}

footer a:hover {
    color: #4D3A38;            /* Burgundy - Hovered Footer Links */
}