/*
 Theme Name:   Edubin Child
 Theme URI:    https://themeforest.net/item/edubin-education-lms-wordpress-theme/24037792
 Description:  Education LMS WordPress Theme Edubin Child Theme
 Author:       ThePixelcurve
 Author URI:   https://themeforest.net/user/pixelcurve
 Template:     edubin
 Version:      1.0.0
 License: GNU General Public License v2 or later
 License URI: LICENSE
 Tags:          custom-header, custom-logo, blog, theme-options
 Text Domain:  edubin-child

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
*/

/* ========================================================
   Brand Identity Override (White Space & Colors)
   ======================================================== */

/* Import clean modern font */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

body, h1, h2, h3, h4, h5, h6, p, a, span, div {
    font-family: 'Tajawal', sans-serif !important;
}

/* 1. Logo Replacement */
.site-logo img, 
.custom-logo, 
.header-logo img, 
.navbar-brand img, 
.brand-logo img,
[class*="logo"] img {
    /* Using CSS content to replace the image source */
    content: url('/wp-content/themes/edubin-child/logo.jpg') !important;
    max-height: 80px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* 2. Global Colors & White Space (Override Elementor sections) */
/* This removes the noisy purple/blue gradients and sets clean white/gray backgrounds */
.elementor-section:not(.site-footer .elementor-section),
.elementor-background-overlay {
    background-image: none !important;
    background-color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Add light gray to alternating inner sections for depth */
.elementor-section:nth-of-type(even) {
    background-color: #F8FAFC !important;
}

/* 3. Typography Colors */
/* Main Headings */
.elementor-heading-title, 
.elementor-widget-heading h1.elementor-heading-title, 
.elementor-widget-heading h2.elementor-heading-title {
    color: #1E293B !important; /* Trust Navy */
}

/* Accent texts / Spans */
.elementor-heading-title span, 
.elementor-text-editor span,
.elementor-icon-list-text {
    color: #F26522 !important; /* Action Orange */
}

/* Paragraphs and descriptions */
.elementor-text-editor, 
.elementor-widget-text-editor p {
    color: #64748B !important; /* Soft Slate */
    line-height: 1.8 !important;
}

/* 4. Buttons Overrides */
.elementor-button, 
.btn, 
.edubin-btn,
button, 
input[type="submit"] {
    background-color: #F26522 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px -1px rgba(242, 101, 34, 0.2) !important;
}

.elementor-button:hover, 
.btn:hover, 
.edubin-btn:hover {
    background-color: #D9561B !important;
    transform: translateY(-2px) !important;
}

/* 5. Cards and Boxes clean-up */
.elementor-widget-image-box, 
.elementor-widget-icon-box,
.elementor-widget-call-to-action {
    background-color: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease !important;
}

.elementor-widget-image-box:hover, 
.elementor-widget-icon-box:hover {
    transform: translateY(-5px) !important;
    border-color: #8CC63F !important; /* Green highlight on hover */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

/* Icons within boxes */
.elementor-icon-box-icon .elementor-icon, 
.elementor-icon-box-icon i {
    color: #F26522 !important;
    background-color: rgba(242, 101, 34, 0.1) !important;
    border-radius: 50% !important;
    padding: 15px !important;
}

/* 6. Footer (Keep it dark and professional) */
.site-footer, .elementor-location-footer {
    background-color: #0F172A !important; /* Very dark navy */
    color: #FFFFFF !important;
}
.site-footer .elementor-heading-title {
    color: #FFFFFF !important;
}
.site-footer a {
    color: #CBD5E1 !important;
}
.site-footer a:hover {
    color: #F26522 !important;
}