/*
Theme Name: ZIVA Pro Theme
Description: Full Luxury Theme - Black, Gold & White. Inspired by Beauty Ziv Logo.
Author: Gemini
Template: hello-elementor
Version: 1.1.2
Text Domain: ziva-pro
*/

/* 1. Import Fonts - Fixed Direct Link to Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;300;400;600&display=swap');

/* 2. Global Styles - Enforcing the Black & White look from the Logo */
body {
    background-color: #0F0F0F !important; /* Deeper black for premium feel */
    color: #FFFFFF !important;
    font-family: 'Assistant', sans-serif !important;
    direction: rtl;
    margin: 0;
}

/* 3. Global Buttons Styling - Gold gradient from the handwriting in the logo */
.wp-block-button__link,
.elementor-button,
button,
.submit-btn,
input[type="submit"] {
    background: linear-gradient(145deg, #D4AF37, #B8860B) !important;
    color: #0F0F0F !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700 !important;
    padding: 15px 35px !important;
    transition: all 0.3s ease-in-out !important;
    border: none !important;
    display: inline-block;
    text-decoration: none;
}

.wp-block-button__link:hover,
.elementor-button:hover,
button:hover {
    background: #FFFFFF !important;
    color: #0F0F0F !important;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(212, 175, 55, 0.4);
}

/* 4. Content Styling - Fixing the pink text issue */
h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title a {
    color: #D4AF37 !important; /* Gold for titles */
    font-weight: 200 !important;
    letter-spacing: 2px;
}

/* Fix for the "Hello World" and other default archive text */
p, span, div, li {
    color: #FFFFFF !important;
}

a {
    color: #D4AF37 !important;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: #FFFFFF !important;
}

/* 5. Inputs & Forms Styling */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
    background: rgba(255,255,255,0.05) !important;
    border: none !important;
    border-bottom: 1px solid #D4AF37 !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    padding: 12px !important;
}

input:focus, textarea:focus {
    border-bottom: 1px solid #FFFFFF !important;
    outline: none !important;
}

/* 6. Clean background for the Customizer preview */
#customize-preview {
    background-color: #0F0F0F !important;
}