/*
Theme Name:     Rampanti Theme
Theme URI:      
Description:    Blocksy child theme.
Author:         Antigravity
Author URI:     
Template:       blocksy
Version:        0.1.0
*/

/* DIVI STANDARD DESIGN SYSTEM (Restored) */

:root {
    /* Colors - Standard Divi Palette */
    --ct-color-palette-color-1: #333333;
    /* Headings */
    --ct-color-palette-color-2: #666666;
    /* Body Text */
    --ct-color-palette-color-3: #2ea3f2;
    /* Divi Blue */
    --ct-color-palette-color-4: #2991d6;
    /* Divi Blue Hover/Darker */
    --ct-color-palette-color-5: #ffffff;
    /* White */
    --ct-color-palette-color-6: #f8f8f8;
    /* Light Grey BG */

    /* Typography - Open Sans (Divi Default) */
    --font-family-base: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    --font-family-headings: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}

body {
    background-color: #ffffff;
    color: var(--ct-color-palette-color-2);
    font-family: var(--font-family-base);
    line-height: 1.7em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--ct-color-palette-color-1);
    font-family: var(--font-family-headings);
    font-weight: 500;
    /* Divi uses lighter weights usually */
    letter-spacing: 0px;
    padding-bottom: 10px;
}

/* Standard Card (Flat) */
.woocommerce ul.products li.product,
.entry-card {
    background: #ffffff !important;
    border: 1px solid #e1e1e1;
    box-shadow: none !important;
    border-radius: 0px;
    /* Square corners */
    transition: all 0.3s ease;
}

.woocommerce ul.products li.product:hover,
.entry-card:hover {
    box-shadow: 0 10px 40px -10px rgba(0, 64, 128, 0.2) !important;
    transform: translateY(-2px);
}

/* Buttons (Divi Style) */
.button,
.wp-block-button__link,
.ct-button {
    background-color: rgba(0, 0, 0, 0) !important;
    /* Divi Ghost Button usually, but lets do Solid for primary */
    color: var(--ct-color-palette-color-3) !important;
    border: 2px solid var(--ct-color-palette-color-3) !important;
    border-radius: 30px !important;
    /* Rounded Pills */
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 10px 20px !important;
    transition: all 0.3s !important;
}

.button:hover,
.wp-block-button__link:hover,
.ct-button:hover {
    background-color: var(--ct-color-palette-color-3) !important;
    color: #ffffff !important;
    padding: 10px 30px !important;
    /* Expansion effect */
}

/* Header Tweaks */
.site-header {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    /* Very subtle line */
}

/* Social Labels Fix (Requested Lowercase) */
.ct-social-box .ct-label {
    text-transform: none !important;
}

/* Hero Section Helpers */
.divi-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50vh;
    background-color: var(--ct-color-palette-color-3);
    color: #fff;
    text-align: center;
    padding: 4rem 2rem;
}

.divi-hero h1 {
    color: #fff !important;
    font-weight: 700;
}