/* ==========================================================================
   ORCHID WOOD CO - ELEMENTOR CSS
   Paste this into: Appearance > Customize > Additional CSS
   ========================================================================== */

/* ===== FONTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Montserrat:wght@300;400;500;600&display=swap');

/* ===== CSS VARIABLES ===== */
:root {
    --owc-navy: #2C3E50;
    --owc-slate: #34495E;
    --owc-forest: #3D5A4C;
    --owc-cream: #FAF9F6;
    --owc-white: #FFFFFF;
    --owc-charcoal: #333333;
    --owc-text: #666666;
    --owc-text-light: #888888;
    --owc-border: #E5E5E5;
    --owc-gold: #C9A962;
}

/* ===== GLOBAL TYPOGRAPHY ===== */
body {
    font-family: 'Montserrat',"Montserrat Fallback", sans-serif !important;
    color: #666666 !important;
    font-weight: 300 !important;
    line-height: 1.8 !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
    font-family: 'Cormorant Garamond',"Cormorant Garamond Fallback", Georgia, serif !important;
    font-weight: 400 !important;
    color: #333333 !important;
}

p, .elementor-widget-text-editor p {
    color: #666666 !important;
    font-weight: 300 !important;
    line-height: 1.9 !important;
}

/* ===== SECTION SUBTITLES ===== */
/* Add class: owc-subtitle */
.owc-subtitle,
.owc-subtitle .elementor-heading-title {
    font-family: 'Montserrat',"Montserrat Fallback", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #2C3E50 !important;
}

/* Gold subtitle for dark sections */
.owc-subtitle-gold,
.owc-subtitle-gold .elementor-heading-title {
    font-family: 'Montserrat',"Montserrat Fallback", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    color: #C9A962 !important;
}

/* ===== BUTTONS ===== */
/* Primary Button - Add class: owc-btn-primary */
.owc-btn-primary .elementor-button {
    background-color: #2C3E50 !important;
    color: #FFFFFF !important;
    border: 1px solid #2C3E50 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat',"Montserrat Fallback", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 15px 35px !important;
    transition: all 0.3s ease !important;
}
.owc-btn-primary .elementor-button:hover {
    background-color: transparent !important;
    color: #2C3E50 !important;
}

/* Outline Button - Add class: owc-btn-outline */
.owc-btn-outline .elementor-button {
    background-color: transparent !important;
    color: #2C3E50 !important;
    border: 1px solid #2C3E50 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat',"Montserrat Fallback", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    padding: 15px 35px !important;
    transition: all 0.3s ease !important;
}
.owc-btn-outline .elementor-button:hover {
    background-color: #2C3E50 !important;
    color: #FFFFFF !important;
}

/* ===== SECTION BACKGROUNDS ===== */
.owc-bg-cream {
    background-color: #FAF9F6 !important;
}
.owc-bg-white {
    background-color: #FFFFFF !important;
}
.owc-bg-navy {
    background-color: #2C3E50 !important;
}
.owc-bg-forest {
    background-color: #3D5A4C !important;
}

/* ===== DARK SECTION TEXT ===== */
/* Add to sections with navy/forest backgrounds */
.owc-dark-text h1,
.owc-dark-text h2,
.owc-dark-text h3,
.owc-dark-text h4,
.owc-dark-text .elementor-heading-title {
    color: #FFFFFF !important;
}
.owc-dark-text p,
.owc-dark-text .elementor-widget-text-editor p {
    color: rgba(255,255,255,0.9) !important;
}

/* ===== HEIRLOOM CARDS ===== */
/* Add class: owc-heirloom-card to the column/container */
.owc-heirloom-card {
    position: relative;
    overflow: hidden;
}
.owc-heirloom-card img {
    transition: transform 0.6s ease !important;
}
.owc-heirloom-card:hover img {
    transform: scale(1.05) !important;
}
.owc-heirloom-card .elementor-widget-container {
    position: relative;
}

/* Card overlay - add class: owc-card-overlay */
.owc-card-overlay {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 30px 20px !important;
    background: linear-gradient(transparent, rgba(44,62,80,0.85)) !important;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.4s ease !important;
}
.owc-heirloom-card:hover .owc-card-overlay {
    opacity: 1;
    transform: translateY(0);
}
.owc-card-overlay h3,
.owc-card-overlay .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 20px !important;
}
.owc-card-overlay p {
    color: rgba(255,255,255,0.9) !important;
    font-size: 12px !important;
}

/* ===== GALLERY GRID ===== */
/* Add class: owc-gallery-item to image containers */
.owc-gallery-item {
    overflow: hidden;
}
.owc-gallery-item img {
    transition: transform 0.5s ease !important;
}
.owc-gallery-item:hover img {
    transform: scale(1.08) !important;
}

/* ===== STAIN COLOR DOTS ===== */
/* Add class: owc-stain-dot to each colored circle */
.owc-stain-dot {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    border: 2px solid #E5E5E5 !important;
    display: inline-block !important;
    margin: 4px !important;
}

/* ===== FOUNDER AVATARS ===== */
/* Add class: owc-avatar to icon boxes or divs */
.owc-avatar {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    background: #34495E !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Cormorant Garamond',"Cormorant Garamond Fallback", serif !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
}

/* ===== REVIEWS/TESTIMONIALS ===== */
.owc-review-stars {
    color: #C9A962 !important;
    font-size: 20px !important;
    letter-spacing: 4px !important;
}
.owc-review-text,
.owc-review-text p {
    font-family: 'Cormorant Garamond',"Cormorant Garamond Fallback", serif !important;
    font-size: 26px !important;
    font-style: italic !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
    color: rgba(255,255,255,0.95) !important;
}
.owc-review-author {
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.7) !important;
}
.owc-review-location {
    font-size: 12px !important;
    color: rgba(255,255,255,0.5) !important;
}

/* ===== SHOP OPTION BOXES ===== */
/* Add class: owc-shop-box to containers */
.owc-shop-box {
    padding: 45px 35px !important;
    background: #FAF9F6 !important;
    border: 1px solid #E5E5E5 !important;
    transition: all 0.3s ease !important;
    text-align: center;
}
.owc-shop-box:hover {
    border-color: #2C3E50 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
}

/* ===== MATERIAL/WOOD BOXES ===== */
.owc-material-box {
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    padding: 35px 25px !important;
    text-align: center;
}

/* ===== TREE SECTION (FOREST GREEN) ===== */
.owc-tree-section {
    background: #3D5A4C !important;
}
.owc-tree-section h3,
.owc-tree-section .elementor-heading-title {
    color: #FFFFFF !important;
}
.owc-tree-section p {
    color: rgba(255,255,255,0.9) !important;
}

/* ===== FOOTER ===== */
.owc-footer {
    background: #222222 !important;
}
.owc-footer h4,
.owc-footer .elementor-heading-title {
    color: #FFFFFF !important;
    font-size: 15px !important;
}
.owc-footer p {
    color: #999999 !important;
}
.owc-footer a {
    color: #999999 !important;
    transition: color 0.3s !important;
}
.owc-footer a:hover {
    color: #C9A962 !important;
}
.owc-footer-bottom {
    border-top: 1px solid #333333 !important;
    padding-top: 25px !important;
    color: #666666 !important;
    font-size: 11px !important;
}

/* ===== DIVIDER LINE ===== */
.owc-divider .elementor-divider-separator {
    border-top-color: #2C3E50 !important;
    border-top-width: 2px !important;
    width: 50px !important;
}

/* ===== HIDE ELEMENTOR DEFAULT SPACING ===== */
.owc-no-gap .elementor-widget-wrap {
    padding: 0 !important;
}

/* ===== RESPONSIVE FIXES ===== */
@media (max-width: 767px) {
    .owc-review-text,
    .owc-review-text p {
        font-size: 18px !important;
    }
}