/*
Theme Name: LatinBoyz Theme
Theme URI: https://latinboyz.io
Author: LatinBoyz
Description: A latin inspired video creator theme.
Version: 26.0
Text Domain: LatinBoyz Theme
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

body {
    background-color: #001405; /* Almost Black Green */
    color: #f0fdf4;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar - Flame gradient thumb */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #001405; }
::-webkit-scrollbar-thumb { 
    background: linear-gradient(180deg, #FF4500, #FFAE00); 
    border-radius: 4px; 
    border: 2px solid #001405; 
}
::-webkit-scrollbar-thumb:hover { background: #FF4500; }

/* =========================================
   ZONE GRADIENTS (Visual Separation)
   UPDATED: Darker Green/Fire Orange Scheme
   ========================================= */

.gradient-header {
    background: linear-gradient(180deg, #001405 0%, #01210d 100%) !important;
}

.gradient-body {
    background: linear-gradient(180deg, #01210d 0%, #001405 100%) !important;
}

.gradient-footer {
    background: linear-gradient(0deg, #001405 0%, #01210d 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* =========================================
   VERTICAL RHYTHM & PROSE RESET
   ========================================= */

.prose > * { margin-top: 0 !important; }

/* Base Bottom Margin */
.prose p,
.prose ul,
.prose ol,
.prose blockquote,
.prose pre,
.prose figure {
    margin-top: 0 !important;
    margin-bottom: 1rem !important; 
}

.prose p,
.entry-content p,
.wp-block-paragraph {
    color: #638c75; /* Muted Greenish Grey */
    font-size: 1.125rem !important; 
    line-height: 1.8 !important;    
    max-width: 100%;
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    color: #f0fdf4 !important; /* White/Mint text */
    letter-spacing: -0.02em;
    margin-bottom: 1rem !important; 
}

.prose h1 { margin-top: 3rem !important; } 
.prose h2 { margin-top: 4rem !important; } 
.prose h3 { margin-top: 3.5rem !important; } 
.prose h4 { margin-top: 2.5rem !important; }
.prose h5 { margin-top: 2rem !important; }
.prose h6 { margin-top: 2rem !important; }

.prose > *:first-child { margin-top: 0 !important; }
.prose > *:last-child { margin-bottom: 0 !important; }

.prose p:empty { display: none !important; }
.prose p:blank { display: none !important; }
.prose br { display: none; }

/* =========================================
   HEADING STYLES
   ========================================= */

.prose h1 {
    font-size: 3.5rem !important;
    text-align: center;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.prose h2 {
    font-size: 2.25rem !important;
    color: #FF4500 !important; /* Flame Red-Orange */
    border-bottom: 1px solid #02381a; /* Dark Green border */
    padding-bottom: 0.5rem;
    display: block;
}

.prose h3 {
    font-size: 2rem !important; 
    color: #f0fdf4 !important; 
    font-weight: 800 !important;
}

/* =========================================
   ELEMENTS
   ========================================= */

.prose a:not(.btn-liquid):not(.wp-block-button__link) {
    color: #FF4500 !important;
    text-decoration: none !important;
    font-weight: 600;
    transition: color 0.2s;
    border-bottom: 1px solid transparent;
}

.prose a:not(.btn-liquid):not(.wp-block-button__link):hover {
    color: #f0fdf4 !important;
    border-bottom-color: #f0fdf4;
}

.prose a:has(img) {
    border-bottom: none !important;
    text-decoration: none !important;
}

.prose ul:not(.wp-block-gallery), 
.prose ol:not(.wp-block-gallery) {
    padding-left: 1.5rem !important;
}

.prose li {
    margin-bottom: 0.5rem !important;
    color: #638c75;
}

.prose .wp-block-gallery li {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
}

.prose ul:not(.wp-block-gallery) li { 
    list-style-type: none; 
    position: relative; 
    padding-left: 1.5rem; 
}

.prose ul:not(.wp-block-gallery) li::before {
    content: '►';
    color: #FF4500;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 0.8em;
}

.prose ol:not(.wp-block-gallery) { 
    list-style-type: decimal; 
    color: #FF4500; 
    font-weight: bold; 
    padding-left: 2rem !important; 
}

.prose ol:not(.wp-block-gallery) li { padding-left: 0.5rem; }
.prose ol:not(.wp-block-gallery) li > * { color: #638c75; font-weight: 400; }

blockquote {
    border-left: 4px solid #FF4500 !important;
    background: #01210d; /* Dark card bg */
    padding: 2rem 2.5rem !important;
    border-radius: 0 1.5rem 1.5rem 0;
    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
blockquote p {
    color: #f0fdf4 !important;
    font-style: italic;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

/* =========================================
   IMAGES & MEDIA
   ========================================= */

.wp-block-image img, 
.prose img, 
video, 
iframe {
    border-radius: 1.5rem;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.3); 
    height: auto !important;
    max-width: 100%;
    display: block; 
}

.wp-block-gallery img {
    border-radius: 1.5rem !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.3) !important;
}

.wp-block-gallery figure,
.wp-block-gallery .wp-block-image,
.wp-block-gallery li {
    margin-bottom: 0 !important; 
    margin-top: 0 !important;
    padding: 0 !important;
}

.wp-block-image:not(.alignleft):not(.alignright) {
    margin: 3rem auto !important; 
    text-align: center;
}

.wp-block-image.alignleft,
.alignleft {
    float: left;
    margin-right: 2rem !important;
    margin-bottom: 1.5rem !important;
    margin-top: 0.5rem !important;
    max-width: 50%;
}

.wp-block-image.alignright,
.alignright {
    float: right;
    margin-left: 2rem !important;
    margin-bottom: 1.5rem !important;
    margin-top: 0.5rem !important;
    max-width: 50%;
}

.wp-block-image.aligncenter,
.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 3rem !important;
}

.prose::after {
    content: "";
    display: table;
    clear: both;
}

/* Table */
.wp-block-table, table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #02381a;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 2rem !important;
}
th {
    background: #02381a;
    color: #f0fdf4;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}
td {
    padding: 1rem;
    border-bottom: 1px solid #02381a;
    color: #638c75;
}

/* =========================================
   BUTTONS (Fire Gradient)
   ========================================= */

.prose .btn-liquid,
.prose .wp-block-button__link,
.btn-liquid, 
.wp-block-button__link {
    background: linear-gradient(135deg, #FF4500 0%, #FFAE00 100%) !important;
    color: #ffffff !important;
    padding: 0.85rem 2.5rem !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.85rem !important;
    letter-spacing: 0.05em;
    border: none !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(255, 69, 0, 0.3) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.prose .btn-liquid:hover,
.prose .wp-block-button__link:hover,
.btn-liquid:hover,
.wp-block-button__link:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(255, 69, 0, 0.5) !important;
    filter: brightness(1.1);
}

.title-glow { text-shadow: 0 0 40px rgba(255, 69, 0, 0.4); }