/* 
Theme Name: Verdi Media Theme 
Theme URI: https://github.com/elementor/hello-theme/
Description: Dette er child theme som brukes av Verdi Meida Norge AS
Author: Verdi Media Norge AS
Author URI: https://verdimedia.no/
Template: hello-elementor
Version: 1.1.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root {
	--yith-wcan-filters_colors_titles: #434343;
    --yith-wcan-filters_colors_background: transparent !important;
    --yith-wcan-filters_colors_accent: #A7144C;
    --yith-wcan-filters_colors_accent_r: 167;
    --yith-wcan-filters_colors_accent_g: 20;
    --yith-wcan-filters_colors_accent_b: 76;
    --yith-wcan-color_swatches_border_radius: 100%;
    --yith-wcan-color_swatches_size: 30px;
    --yith-wcan-labels_style_background: #FFFFFF;
    --yith-wcan-labels_style_background_hover: #A7144C;
    --yith-wcan-labels_style_background_active: #A7144C;
    --yith-wcan-labels_style_text: #434343;
    --yith-wcan-labels_style_text_hover: #FFFFFF;
    --yith-wcan-labels_style_text_active: #FFFFFF;
    --yith-wcan-anchors_style_text: #434343;
    --yith-wcan-anchors_style_text_hover: #A7144C;
    --yith-wcan-anchors_style_text_active: #A7144C;
}

/* Style for checkboxes only within the filters-container */
.filters-container input[type="checkbox"] {
  /* Hide the default checkbox */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #A44E52; /* Blue border */
  border-radius: 4px; /* Slightly rounded corners */
  background-color: #ffffff; /* White background */
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

/* Add a checkmark on checked state */
.filters-container input[type="checkbox"]:checked {
  background-color: #A44E52; /* Blue background when checked */
  border-color: #A44E52; /* Darker blue border */
}

.filters-container input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    top: 2px;
    left: 2px;
    transform: rotate(45deg);
}

.gift-cards-list { margin: 0px !important; padding: 0px !important; }
.gift-cards-list button { margin: 0px !important; }

.gift-cards-custom-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 22px;
}

.ywgc-amount-buttons {
	background: #a35f628c !important;
}

.ywgc-amount-buttons.selected_button {
	background: #A44E52 !important;
}

/* Ensure the spinners (arrows) are visible in WebKit browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1; /* Ensure arrows are visible */
    -webkit-appearance: auto; /* Restore default spinner appearance */
}

/* Remove textfield style in Firefox to ensure arrows display */
input[type="number"] {
    -moz-appearance: textfield;
}

#ywgc-manual-amount { border-radius: 0; }

.selected_button .ywgc-manual-currency-symbol { display: none !important; }

.gift-cards-list .ywgc-amount-buttons {
		width: 33%;
	max-width: 100%;

}