/*
Theme Name: Alloggio Child
Theme URI: https://alloggio.qodeinteractive.com
Description: A child theme of Alloggio
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: alloggio
Template: alloggio
*/

/* ==========================================================================
   Login, Registration, Reset Password Button Style
   ==========================================================================
   This section is specifically for styling Login, Registration, and Reset 
   buttons used throughout the forms for consistent styling.
   ========================================================================== */

#um-submit-btn.um-button,
a.um-button.um-alt {
    background-color: #000000  !important; /* Dark gray background color */
    font-family: "Raleway", sans-serif;   /* Use Raleway font for a consistent look */
    color: #ffffff !important;            /* White text color */
    padding: 12px 38px !important;        /* Adjust padding for better button size */
    font-size: 12px !important;           /* Set a consistent font size */
    font-weight: 500 !important;          /* Medium font weight for clear readability */
    letter-spacing: .25em !important;     /* Consistent letter spacing for visual clarity */
    text-align: center;                   /* Center the text within the button */
    text-decoration: none;                /* Remove underline from links styled as buttons */
    cursor: pointer;                      /* Pointer cursor to indicate clickability */
    display: inline-block;                /* Ensure buttons behave as inline blocks */
    transition: background 0.3s ease-in-out; /* Smooth background color transition on hover */
    border: none !important;              /* No border for a clean appearance */
    border-radius: 0 !important;          /* Remove rounded corners for a sharp look */
    text-transform: uppercase !important; /* Force all button text to be uppercase */
}

/* Hover Effect for All Login, Registration, and Reset Buttons */
#um-submit-btn.um-button:hover,
a.um-button.um-alt:hover {
    background-color: #A08954 !important; /* Set hover color to gold-brown for emphasis */
    border: none !important;              /* Ensure no border appears on hover */
}

/* ==========================================================================
   My Cart Button Panel Style
   ==========================================================================
   This section is specifically for styling the View Cart and Checkout buttons 
   in the cart panel to ensure a consistent and visually appealing appearance.
   ========================================================================== */

/* General Styles for Cart Buttons */
.qodef-m-action .qodef-m-action-link.qodef-button {
    background-color: #000000;           /* Black background for contrast */
    color: #ffffff;                      /* White text for readability */
    border: none;                        /* Remove border for a minimalistic look */
}

/* Hover Effects for Cart Buttons */
.qodef-m-action .qodef-m-action-link.qodef-button:hover {
    background-color: #A08954;           /* Background changes to gold-brown on hover */
    color: #ffffff;                      /* Keep text white to maintain readability */
}

/* ==========================================================================
   Button Fill Style
   ==========================================================================
   This section is for buttons with a black background color across forms.
   These buttons use a simple, modern design to ensure consistency.
   ========================================================================== */

button[type="submit"] {
    color: #fff !important;                /* White text color for readability */
    background-color: #000000  !important;  /* Dark gray background for consistency */
    border: none !important;               /* No border for a clean button style */
}

/* ==========================================================================
   WooCommerce Cart Button Style
   ==========================================================================
   This section is for styling WooCommerce-related cart buttons such as 
   "Add to Cart" and "View Cart" buttons on WooCommerce product and cart pages.
   ========================================================================== */

/* General Styles for WooCommerce Cart Buttons */
#qodef-woo-page .button,                  /* Standard WooCommerce button on Woo page */
#qodef-woo-page .added_to_cart,           /* "Added to Cart" button on Woo page */
.qodef-woo-shortcode .button,             /* WooCommerce button in shortcode widgets */
.qodef-woo-shortcode .added_to_cart {     /* "Added to Cart" button in shortcode widgets */
    color: #ffffff;                       /* White text color for contrast */
    background-color: #000000  !important; /* Dark gray background for consistency */
    border: 1px solid;                    /* Add subtle border to define the button */
}

/* Hover Effects for WooCommerce Cart Buttons */
#qodef-woo-page .button:hover,            /* Hover state for WooCommerce button on Woo page */
#qodef-woo-page .added_to_cart:hover,     /* Hover state for "Added to Cart" button on Woo page */
.qodef-woo-shortcode .button:hover,       /* Hover state for WooCommerce button in shortcode widgets */
.qodef-woo-shortcode .added_to_cart:hover {
    background-color: #A08954 !important; /* Change to gold-brown on hover */
}

/* ==========================================================================
   Discover Button Style
   ==========================================================================
   This section is specifically for styling the "Discover" button, providing 
   a bold, distinct style that contrasts well with the rest of the interface.
   ========================================================================== */

/* Default Styles for the 'Discover' Button */
.qodef-button.qodef-layout--filled {
    background-color: #000000 !important;  /* Black background for strong visual contrast */
    color: #ffffff;                        /* White text for readability */
    padding: 12px 28px;                    /* Padding to create a button-like appearance */
    text-decoration: none;                 /* Remove underline for a clean button look */
    border: none !important;               /* No border for a minimalistic button */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover Styles for the 'Discover' Button */
.qodef-button.qodef-layout--filled:hover {
    background-color: #A08954 !important;  /* Change the background color to gold-brown on hover */
    color: #ffffff;                        /* Keep text color white for readability */
}


/* Style for the link inside the .textwidget on hover */
.textwidget a:hover {
    color: #A08954 !important;                 
}


/* General Styles for the 404 Button */
.qodef-404-button .qodef-shortcode.qodef-button {
    background-color: #A08954 !important;  /* Gold-brown background on hover */
}

/* Hover Effects for the 404 Button */
.qodef-404-button .qodef-shortcode.qodef-button:hover {
    background-color: #A08954 !important; /* Gold-brown background on hover */
	border: none !important;               /* No border for a minimalistic button */
}



.qodef-m-field-person.qodef-e.qodef--children,
.qodef-m-field-person.qodef-e.qodef--infant {
    display: none !important;
}

.wpml-ls-sidebars-qodef-header-widget-area-one {
    display: none !important;
}