/*
Theme Name: Seed Co Group - The African Seed Company
Theme URI: https://www.seedcogroup.com/
Author: Quatrohaus Team
Author URI: https://www.seedcogroup.com/
Description: Custom, high-performance, dynamic WordPress theme for Seed Co Group. Built with certified plant breeding catalogs, interactive Seed Variety Finder, multilingual support, investor relations, sustainability reporting, and full WordPress Gutenberg and plugin compatibility.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
License URI: https://www.seedcogroup.com/
Text Domain: seedco
Tags: agriculture, custom-post-types, full-site-editing, custom-colors, custom-menu, featured-images, translation-ready, theme-options
*/

/* Core Theme Styles are loaded via assets/css/theme.css */

/* ==========================================================================
   Seed Co Group - Dynamic Page Content & Gutenberg Prose Styling
   ========================================================================== */

.prose {
    color: #1a2e22;
    font-size: 1.0625rem;
    line-height: 1.8;
}

.prose h1, .prose h2, .prose h3, .prose h4 {
    color: #0f1c14;
    font-family: var(--font-display, "Sora", sans-serif);
    font-weight: 700;
    line-height: 1.25;
    margin-top: 2rem;
    margin-bottom: 0.85rem;
}

.prose h2 {
    font-size: 1.875rem;
    /* border-bottom: 2px solid rgba(0, 159, 79, 0.15); */
    padding-bottom: 0.5rem;
}

.prose h3 {
    font-size: 1.45rem;
}

.prose h4 {
    font-size: 1.2rem;
}

.prose p {
    margin-bottom: 1.35rem;
}

.prose a {
    color: #009F4F;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.prose a:hover {
    color: #007a3c;
}

.prose strong, .prose b {
    color: #0f1c14;
    font-weight: 700;
}

.prose ul, .prose ol {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
}

.prose ul {
    list-style-type: disc;
}

.prose ol {
    list-style-type: decimal;
}

.prose li {
    margin-bottom: 0.5rem;
    padding-left: 0.25rem;
}

.prose blockquote {
    border-left: 4px solid #009F4F;
    padding: 0.85rem 1.5rem;
    margin: 1.75rem 0;
    background: rgba(0, 159, 79, 0.04);
    border-radius: 0 0.75rem 0.75rem 0;
    font-style: italic;
    color: #1a2e22;
}

.prose img, .prose figure.wp-block-image img {
    border-radius: 1rem;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.75rem auto;
}

.prose figcaption {
    text-align: center;
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 0.5rem;
}

/* Video & Embed Responsiveness */
.seedco-video-embed, 
.prose figure.wp-block-embed,
.prose .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    margin: 2rem 0;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.seedco-video-embed iframe,
.prose figure.wp-block-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.seedco-video-embed.aspect-video,
.prose figure.wp-block-embed.wp-has-aspect-ratio {
    aspect-ratio: 16 / 9;
}

.seedco-video-player video,
.prose figure.wp-block-video video {
    width: 100%;
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* Gutenberg Buttons */
.prose .wp-block-button__link {
    background-color: #009F4F;
    color: #ffffff !important;
    padding: 0.75rem 1.75rem;
    border-radius: 0.5rem;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.2s ease;
}

.prose .wp-block-button__link:hover {
    background-color: #007a3c;
    box-shadow: 0 4px 12px rgba(0, 159, 79, 0.3);
}

/* Gutenberg Columns */
.prose .wp-block-columns {
    gap: 2rem;
    margin: 2rem 0;
}

/* Hero Header Buttons Contrast & Styling */
header.bg-gradient-field a.bg-white,
.bg-gradient-field a.bg-white,
header.bg-gradient-field .bg-white {
    color: #009F4F !important;
}

header.bg-gradient-field a.bg-white:hover,
.bg-gradient-field a.bg-white:hover {
    color: #007338 !important;
}

/* Straight Milestone Timeline Styles */
.shadow-glow {
    box-shadow: 0 0 25px rgba(0, 159, 79, 0.4), 0 0 50px rgba(0, 159, 79, 0.15) !important;
}

/* Story Narrative 2-Column Responsive Layout */
.story-hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: start;
}

@media (min-width: 1024px) {
    .story-hero-grid {
        grid-template-columns: 1.15fr 0.85fr;
        gap: 3.5rem;
    }
}

/* Story Page Sections Spacing */
.story-section-spacing {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
}

@media (min-width: 768px) {
    .story-section-spacing {
        padding-top: 5.5rem !important;
        padding-bottom: 5.5rem !important;
    }
}

/* Timeline Custom Scroll Styling */
.timeline-no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.timeline-no-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

a.custom-logo-link img {
    height: 75px;
}