/*
Theme Name: Astra Child - Sharp Sheets Syndicate VIP
Theme URI: https://syndicate-vip.com
Description: Child theme for Sharp Sheets Syndicate VIP
Author: Sharp Sheets Syndicate
Template: astra
Version: 1.0.0
*/

/* Import parent theme */
@import url("../astra/style.css");

/* ===== SHARP SHEETS SYNDICATE VIP - CUSTOM STYLES ===== */

/* Global */
:root {
    --color-gold: #C9A84C;
    --color-gold-bright: #FFD700;
    --color-gold-dark: #B8860B;
    --color-silver: #C0C0C0;
    --color-silver-light: #E8E8E8;
    --color-black: #0a0a0a;
    --color-dark: #1a1a1a;
    --color-darker: #111111;
}

html, body {
    background-color: var(--color-black) !important;
    color: var(--color-silver-light) !important;
}

/* Header */
.site-header, #masthead, .ast-header-wrap, .main-header-bar, .ast-above-header-wrap, .ast-below-header-wrap {
    background-color: var(--color-black) !important;
    border-bottom: 2px solid var(--color-gold) !important;
}

.site-title a, .ast-site-title-wrap a {
    color: var(--color-gold) !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 1.4em;
}

/* Logo */
.custom-logo-link img, .ast-site-logo-wrap img {
    max-height: 80px !important;
    width: auto !important;
}

/* Navigation */
.ast-nav-menu > li > a, .main-navigation > ul > li > a {
    color: var(--color-silver) !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 18px !important;
}

.ast-nav-menu > li > a:hover, .ast-nav-menu > li.current-menu-item > a {
    color: var(--color-gold) !important;
}

/* Dropdown menus */
.ast-nav-menu .sub-menu {
    background: var(--color-darker) !important;
    border-top: 2px solid var(--color-gold) !important;
}

.ast-nav-menu .sub-menu a {
    color: var(--color-silver) !important;
    border-bottom: 1px solid rgba(201,168,76,0.1) !important;
}

/* Content area */
.entry-content, .ast-container, .site-content {
    background-color: var(--color-black) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .ast-blog-single-element {
    color: var(--color-gold) !important;
    font-family: 'Georgia', 'Times New Roman', serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Paragraphs and body text */
p, li, td, th, span, div {
    color: var(--color-silver-light);
}

/* Links */
a { color: var(--color-gold) !important; }
a:hover { color: var(--color-gold-bright) !important; }

/* Buttons */
.ast-button, .button, .wp-block-button__link,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: linear-gradient(135deg, var(--color-gold), var(--color-gold-dark)) !important;
    color: var(--color-black) !important;
    border: none !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
}

.ast-button:hover, .button:hover, .woocommerce a.button:hover {
    background: linear-gradient(135deg, var(--color-gold-bright), var(--color-gold)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 20px rgba(201,168,76,0.4) !important;
}

/* Footer */
.site-footer, #colophon, .ast-footer-wrap, footer {
    background-color: #050505 !important;
    border-top: 2px solid var(--color-gold) !important;
    color: var(--color-silver) !important;
}

.site-footer a, footer a { color: var(--color-gold) !important; }

/* WooCommerce */
.woocommerce .price, .woocommerce-Price-amount {
    color: var(--color-gold) !important;
    font-weight: 700;
}

.woocommerce-checkout, .woocommerce-cart {
    background: var(--color-black) !important;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    background: var(--color-dark) !important;
    border: 1px solid var(--color-gold) !important;
    color: var(--color-silver-light) !important;
    border-radius: 3px !important;
    padding: 12px 15px !important;
}

.woocommerce #payment {
    background: var(--color-darker) !important;
    border-radius: 5px !important;
}

.woocommerce #payment ul.payment_methods {
    border-bottom: 1px solid rgba(201,168,76,0.3) !important;
}

/* Order table */
.woocommerce table.shop_table {
    border: 1px solid rgba(201,168,76,0.3) !important;
}

.woocommerce table.shop_table th {
    background: var(--color-darker) !important;
    color: var(--color-gold) !important;
    border-bottom: 2px solid var(--color-gold) !important;
}

.woocommerce table.shop_table td {
    border-bottom: 1px solid rgba(201,168,76,0.15) !important;
    color: var(--color-silver-light) !important;
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], textarea, select {
    background: var(--color-dark) !important;
    border: 1px solid rgba(201,168,76,0.5) !important;
    color: var(--color-silver-light) !important;
    border-radius: 3px !important;
}

input:focus, textarea:focus, select:focus {
    border-color: var(--color-gold) !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(201,168,76,0.3) !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--color-black); }
::-webkit-scrollbar-thumb { background: var(--color-gold); border-radius: 3px; }

/* Gold shimmer animation for headings */
@keyframes goldShimmer {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

.shimmer {
    background: linear-gradient(90deg, #B8860B, #FFD700, #C9A84C, #FFD700, #B8860B);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: goldShimmer 3s linear infinite;
}

/* Mobile */
@media (max-width: 768px) {
    .site-header { padding: 10px 15px !important; }
    h1 { font-size: 1.6em !important; }
    h2 { font-size: 1.3em !important; }
}