/*
Theme Name: Astra Child Theme
Theme URI: 
Description: Custom child theme for Astra to match Content Refresher Branding.
Author: Antigravity
Author URI: 
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
*/

/* ========================================
   Content Refresher - Brand Integration
   ======================================== */

:root {
    /* Colors from LP */
    --cr-background: hsl(240, 10%, 4%);
    --cr-foreground: hsl(0, 0%, 98%);
    --cr-card: hsl(240, 10%, 6%);
    --cr-primary: hsl(262, 83%, 66%);
    --cr-secondary: hsl(160, 61%, 52%);
    --cr-muted: hsl(240, 6%, 14%);
    --cr-border: hsl(240, 6%, 18%);
    --cr-glow-violet: hsla(262, 83%, 66%, 0.5);
    --cr-gradient-brand: linear-gradient(135deg, hsl(262, 83%, 66%), hsl(160, 61%, 52%));
    --cr-glass-bg: hsla(240, 10%, 8%, 0.6);
    --cr-radius: 0.75rem;
}

/* ========================================
   Tables (Clean Dark Theme)
   ======================================== */
.single .mbl-content-col table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    background: transparent;
    font-size: 0.95rem;
    border: 1px solid var(--cr-border);
    border-radius: 8px;
    /* Opcjonalne: lekkie zaokrąglenie jeśli dany edytor pozwala na overflow */
}

.single .mbl-content-col th,
.single .mbl-content-col td {
    padding: 1rem;
    text-align: left;
    border: 1px solid var(--cr-border);
    color: hsl(240, 5%, 85%);
}

.single .mbl-content-col th {
    background: hsl(240, 10%, 6%);
    font-weight: 700;
    color: var(--cr-foreground);
    border-bottom: 2px solid var(--cr-border);
    /* Slightly thicker bottom border for headers */
}

/* Subtelny hover na wierszach (opcjonalny, wyłączyłem zebra striping by nie było pstroko) */
.single .mbl-content-col tbody tr {
    transition: background-color 0.2s ease;
}

.single .mbl-content-col tbody tr:hover {
    background: hsla(240, 6%, 18%, 0.2);
}

/* Global Overrides - Wzmocniony selektor html body eliminuje !important */
html body {
    background-color: var(--cr-background);
    color: var(--cr-foreground);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Astra Specific Overrides - Zwiększona specyficzność przez ID #page */
#page .ast-container,
#page #content,
#page .site-content {
    background-color: transparent;
}

/* Header Styling */
#page .main-header-bar,
#page .ast-main-header-wrap {
    background-color: var(--cr-glass-bg);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--cr-border);
}

#page .main-navigation a,
#page .site-title a {
    color: var(--cr-foreground);
    transition: color 0.3s ease;
}

#page .main-navigation a:hover {
    color: var(--cr-primary);
}

/* Blog Archive - Glassmorphism Cards */
#page .ast-article-post {
    background: var(--cr-glass-bg);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid var(--cr-border);
    border-radius: var(--cr-radius);
    padding: 2rem;
    margin-bottom: 2rem;
    /* Zamiast "all" animujemy konkretne właściwości dla lepszej wydajności */
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

#page .ast-article-post:hover {
    border-color: var(--cr-primary);
    box-shadow: 0 0 20px -5px var(--cr-glow-violet);
    transform: translateY(-5px);
}

/* Titles */
#page .entry-title a {
    color: var(--cr-foreground);
    transition: color 0.3s ease;
}

#page .entry-title a:hover {
    background: var(--cr-gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* Bezpieczny fallback dla gradientu */
}

/* Post Meta */
#page .entry-meta,
#page .entry-meta * {
    color: hsl(240, 5%, 55%);
}

/* Single Post */
.single-post .entry-header h1 {
    background: var(--cr-gradient-brand);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    color: transparent;
}

#page .entry-content p,
#page .entry-content li {
    font-size: 1.1rem;
    line-height: 1.8;
}

/* Footer */
#page .site-footer {
    background-color: hsl(240, 10%, 2%);
    border-top: 1px solid var(--cr-border);
    color: hsl(240, 5%, 55%);
}

/* Buttons - Zamiast "all" animujemy to co trzeba */
body .wp-block-button__link,
body .ast-button {
    background: var(--cr-gradient-brand);
    color: var(--cr-foreground);
    border-radius: var(--cr-radius);
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body .wp-block-button__link:hover,
body .ast-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -10px var(--cr-glow-violet);
    color: var(--cr-foreground);
}

/* --- FIX: Usunięcie białego tła treści na mobile (Astra) --- */
@media (max-width: 921px) {

    /* Czyścimy tła ze wszystkich kontenerów, które Astra lubi zamieniać na białe */
    html body #page .site-content,
    html body #page .ast-plain-container,
    html body #page .ast-separate-container .ast-article-inner,
    html body #page .entry-content {
        background-color: transparent !important;
    }

    /* Wyłączamy border/background na zewnątrz treści, by oszczędzić miejsce (tylko na mobile) */
    html body.single #page .ast-article-post {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
    }
}