/*
Theme Name: Affvidco Child
Theme URI: https://vidcogroup.com/
Description: Child theme for Affvidco Theme. GamingLaptopGuru edition — clean editorial layout, Electric Violet + Amber palette, Plus Jakarta Sans / DM Sans type.
Author: Vidco Team
Author URI: https://vidcogroup.com/
Template: affvidco
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: affiliatecms-child
*/

/* ==========================================================================
   Affvidco Child — Electric Violet theme
   Override parent design tokens. Higher specificity not needed since the
   stylesheet is enqueued AFTER the parent (see functions.php).
   Fonts are enqueued in functions.php.
   ========================================================================== */

:root {
    /* Primary — Electric Violet (replaces parent Teal) */
    --color-primary: #5B4CF5;
    --color-primary-hover: #4A3BE0;
    --color-primary-dark: #3A2DB8;
    --color-primary-light: #EFEDFF;
    --color-primary-rgb: 91, 76, 245;

    /* Accent — Amber (replaces parent Coral) */
    --color-accent: #F59E0B;
    --color-accent-hover: #D97706;
    --color-accent-light: #FEF3C7;

    /* Neutrals — clean gray */
    --color-text: #111827;
    --color-text-secondary: #374151;
    --color-text-muted: #6B7280;
    --color-text-subtle: #9CA3AF;

    /* Surfaces — near-white with light gray bands */
    --color-bg: #FDFDFD;
    --color-bg-alt: #F5F5F7;
    --color-surface: #FFFFFF;
    --color-surface-raised: #FFFFFF;
    --color-surface-hover: #F5F5F7;

    /* Borders */
    --color-border: #E5E7EB;
    --color-border-subtle: #F0F1F3;
    --color-border-strong: #D1D5DB;

    /* Overlay */
    --color-overlay: rgba(17, 24, 39, 0.55);

    /* Colored Shadows */
    --shadow-primary: 0 6px 18px rgba(91, 76, 245, 0.25);
    --shadow-accent: 0 6px 18px rgba(245, 158, 11, 0.22);

    /* Crisp, boxy radii */
    --radius-sm: 0.1875rem; /* 3px */
    --radius-md: 0.25rem;   /* 4px */
    --radius-lg: 0.5rem;    /* 8px */
    --radius-xl: 0.625rem;  /* 10px */
    --radius-2xl: 0.75rem;  /* 12px */
    --radius-3xl: 1rem;     /* 16px */

    /* Type */
    --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'Plus Jakarta Sans', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Dark mode — deep violet night */
[data-theme="dark"] {
    --color-primary: #8B7FFF;
    --color-primary-hover: #A59CFF;
    --color-primary-dark: #6D5DFC;
    --color-primary-light: rgba(139, 127, 255, 0.15);
    --color-primary-rgb: 139, 127, 255;

    --color-accent: #FCD34D;
    --color-accent-hover: #FBBF24;
    --color-accent-light: rgba(252, 211, 77, 0.15);

    --color-text: #F3F4F6;
    --color-text-secondary: #D1D5DB;
    --color-text-muted: #9CA3AF;
    --color-text-subtle: #6B7280;

    --color-bg: #0C0B16;
    --color-bg-alt: #13121F;
    --color-surface: #191829;
    --color-surface-raised: #201F33;
    --color-surface-hover: #26253D;

    --color-border: #2B2A42;
    --color-border-subtle: #1F1E31;
    --color-border-strong: #3A3956;

    --shadow-primary: 0 6px 18px rgba(139, 127, 255, 0.3);
    --shadow-accent: 0 6px 18px rgba(252, 211, 77, 0.28);
}

/* ==========================================================================
   Headings — Plus Jakarta Sans, body — DM Sans
   ========================================================================== */

body {
    font-family: var(--font-sans);
}

h1, h2, h3, h4,
.site-title,
.entry-title,
.page-title,
.post-card__title,
.section-header-v2__title {
    font-family: var(--font-heading);
    letter-spacing: -0.02em;
}

/* Header — light gray bar */
.site-header {
    background: var(--color-bg-alt);
    border-bottom: 1px solid var(--color-border);
}

/* Buttons — solid, crisp corners */
.btn-primary,
.btn--primary,
.button-primary,
button.acms-btn-primary {
    background: var(--color-primary);
    border: 0;
    border-radius: var(--radius-sm);
}

.btn-primary:hover,
.btn--primary:hover,
.button-primary:hover,
button.acms-btn-primary:hover {
    background: var(--color-primary-hover);
    transform: translateY(-1px);
}

/* Post cards — boxy with soft shadow */
.post-card {
    border: 1px solid var(--color-border-strong);
    border-radius: var(--radius-md);
    box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

.post-card:hover {
    box-shadow: 4px 10px 28px rgba(var(--color-primary-rgb), 0.14);
}

.post-card__image img {
    border-radius: var(--radius-sm);
}

/* Amazon product photos used as thumbnails (inc/amazon-thumbs.php) —
   show the whole product on white instead of cropping it */
img.glg-amz-thumb {
    object-fit: contain !important;
    background: #fff;
    padding: 6%;
    box-sizing: border-box;
}

/* Footer accent line */
.site-footer {
    border-top: 1px solid var(--color-accent);
}

/* Hairline divider */
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(90deg, transparent, var(--color-border-strong) 50%, transparent);
}