/*
Theme Name: Deema Ajlani
Theme URI: 
Author: 
Author URI: 
Description: 
Template: claue
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: claue
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Custom CSS for WOOCS Currency Switcher Appearance */

.claue-currency-switcher-wrapper .woocommerce-currency-switcher {
    /* --- Core Styling for Select Elements --- */
    /* Remove browser default styles */
    -webkit-appearance: none !important; /* For Chrome, Safari, newer Opera versions */
    -moz-appearance: none !important;    /* For Firefox */
    appearance: none !important;         /* Standard property */

    /* --- Remove Border --- */
    border: none !important;
    box-shadow: none !important; /* Ensures no shadow gives a border-like appearance */
    outline: none !important;   /* Removes the outline that appears on focus */

    /* --- Make Background Transparent --- */
    background-color: transparent !important;
    background-image: none !important;   /* Removes any default dropdown arrow image */

    /* Optional: Ensure text color is inherited or set explicitly if it's white */
    /* color: inherit !important; */
    /* If the text is white on white, set it explicitly: color: #333 !important; */

    /* If you also want to increase width or adjust padding from before: */
    /* padding-left: 10px !important; */
    /* padding-right: 10px !important; */
}

/* It's also good practice to ensure the parent form/wrapper also has a transparent background */
.claue-currency-switcher-wrapper form.woocommerce-currency-switcher-form {
    background-color: transparent !important;
}

/* Custom styling for the Claue "NEW" product badge */
.new-badge.pa.right {
    /* Background color (Use a color distinct from Sale, e.g., Blue or Red) */
    background-color: #0073e6; /* Example: WordPress Blue */ 
    color: #fff;
    
    /* Inherit Claue's positioning and shape */
    display: block;
    padding: 3px 8px; /* Matching the typical button/label padding */
    text-transform: uppercase;
    font-size: 12px; /* Matching fs__12 */
    font-weight: 700;
    line-height: 1.5;
    /* Important: Ensure it has the same box model as the .onsale badge */
}