<?php
/**
 * Elegant Jewellery Dynamic Styles
 *
 * @package Elegant Jewellery
 */

// Enqueue the main stylesheet
function elegant_jewellery_enqueue_styles() {
    // Replace 'your-main-stylesheet-handle' with your actual stylesheet handle
    wp_enqueue_style('elegant-jewellery-style', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'elegant_jewellery_enqueue_styles');

// Function to add dynamic CSS
function elegant_jewellery_dynamic_css() {
    // Get default theme options
    $elegant_jewellery_default = elegant_jewellery_get_default_theme_options();

    // Sanitize and get theme customizations
    $elegant_jewellery_default_text_color = esc_attr(get_theme_mod('elegant_jewellery_default_text_color', '')); // Default value if needed
    $elegant_jewellery_logo_width_range = absint(get_theme_mod('elegant_jewellery_logo_width_range', $elegant_jewellery_default['elegant_jewellery_logo_width_range']));
    $elegant_jewellery_breadcrumb_font_size = absint(get_theme_mod('elegant_jewellery_breadcrumb_font_size', $elegant_jewellery_default['elegant_jewellery_breadcrumb_font_size']));
    $elegant_jewellery_menu_font_size = absint(get_theme_mod('elegant_jewellery_menu_font_size', $elegant_jewellery_default['elegant_jewellery_menu_font_size']));
    $elegant_jewellery_border_color = esc_attr(get_theme_mod('elegant_jewellery_border_color', '')); // Default value if needed
    $elegant_jewellery_background_color = '#' . ltrim(esc_attr(get_theme_mod('background_color', $elegant_jewellery_default['elegant_jewellery_background_color'])), '#');

    // Create dynamic CSS
    $elegant_jewellery_dynamic_css = "
        body,
        .offcanvas-wraper,
        .header-searchbar-inner {
            background-color: {$elegant_jewellery_background_color};
        }

        a:not(:hover):not(:focus):not(.btn-fancy),
        body, button, input, select, optgroup, textarea {
            color: {$elegant_jewellery_default_text_color};
        }

        .site-topbar, .site-navigation,
        .offcanvas-main-navigation li,
        .offcanvas-main-navigation .sub-menu,
        .offcanvas-main-navigation .submenu-wrapper .submenu-toggle,
        .post-navigation,
        .widget .tab-head .twp-nav-tabs,
        .widget-area-wrapper .widget,
        .footer-widgetarea,
        .site-info,
        .right-sidebar .widget-area-wrapper,
        .left-sidebar .widget-area-wrapper,
        .widget-title,
        .widget_block .wp-block-group > .wp-block-group__inner-container > h2,
        input[type='text'],
        input[type='password'],
        input[type='email'],
        input[type='url'],
        input[type='date'],
        input[type='month'],
        input[type='time'],
        input[type='datetime'],
        input[type='datetime-local'],
        input[type='week'],
        input[type='number'],
        input[type='search'],
        input[type='tel'],
        input[type='color'],
        textarea {
            border-color: {$elegant_jewellery_border_color};
        }

        .site-logo .custom-logo-link img{
            width: {$elegant_jewellery_logo_width_range}px;
            object-fit: object-fit  ;
        }

        .site-navigation .primary-menu > li a {
            font-size: {$elegant_jewellery_menu_font_size}px;
        }

        .breadcrumbs,.woocommerce-breadcrumb {
            font-size: {$elegant_jewellery_breadcrumb_font_size}px !important;
        }
    ";

    // Add inline styles to the main stylesheet
    wp_add_inline_style('elegant-jewellery-style', $elegant_jewellery_dynamic_css); // Replace with your actual stylesheet handle
}

add_action('wp_enqueue_scripts', 'elegant_jewellery_dynamic_css');