/*------------------------------------------------------------
OVERRIDE CUSTOM VARIABLES INTO SCSS FILES
====================================*/

// COLORS
// ---------------------------------------------------------------------------
$primary-hover: #001DC0 !default;
$secondary-hover: #DB153A !default;
// ---------------------------------------------------------------------------

// TYPO
// ---------------------------------------------------------------------------
$font-family-serif: 'Arima Madurai' !default;

$font-weight-thin: 100 !default;
$font-weight-elight: 200 !default;
$font-weight-medium: 500 !default;
$font-weight-sbold: 600 !default;
$font-weight-ebold: 800 !default;
$font-weight-black: 900 !default;

$font-size-base-sm: 1.4rem !default;

$display-font-family: $font-family-serif !default;

$link-font-weight: $font-weight-medium !default;

$link-secondary-color: $black !default;
$link-secondary-decoration: underline !default;
$link-secondary-font-size: 1.3rem !default;
$link-secondary-font-weight: $font-weight-sbold !default;
$link-secondary-hover-color: $primary !default;
$link-secondary-hover-decoration: underline !default;

$price-font-weight: $font-weight-sbold !default;
$price-font-size: 1.4rem !default;
$price-unit-font-size: 1.8rem !default;
$price-color: $black !default;
$price-promo-color: $secondary !default;
$price-old-font-weight: $font-weight-normal !default;
$price-old-font-size: 1.4rem !default;
$price-old-color: $black !default;

$title-header-text: $black !default;
$title-header-size: 3.4rem !default;
// ---------------------------------------------------------------------------

// TABLES
// ---------------------------------------------------------------------------
$table-cell-padding-y: 1.2rem !default;
$table-cell-padding-x: $table-cell-padding !default;
$table-thead-border-color: $gray-500 !default;

$table-dark-thead-border-color: $gray-600 !default;
// ---------------------------------------------------------------------------

// BUTTONS
// ---------------------------------------------------------------------------
$btn-hover-box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.16) !default;

$btn-top-width: 4.6rem !default;
$btn-top-height: 4.6rem !default;
$btn-top-bg: $dark !default;
$btn-top-color: $white !default;
$btn-top-hover-bg: $primary !default;
$btn-top-hover-color: $white !default;
$btn-top-font-size: 1rem !default;
$btn-top-border-width: 0 !default;
$btn-top-border-color: transparent !default;
$btn-top-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='#{$btn-top-color}' d='M8,0,6.545,1.455l5.506,5.506H0V9.039H12.052L6.545,14.545,8,16l8-8Z'/%3E%3C/svg%3E%0A") !default;
$btn-top-icon-width: 1.6rem !default;
$btn-top-icon-height: 1.6rem !default;
// ---------------------------------------------------------------------------

// FORM
// ---------------------------------------------------------------------------
$custom-select-icon: url('~media/icons/arrow-chevron.svg') !default;
$custom-select-icon-width: 0.94rem !default;
$custom-select-icon-height: 0.47rem !default;
$custom-select-dropdown-padding-x: $input-padding-x !default;
$custom-select-dropdown-padding-y: 1.2rem !default;
$custom-select-dropdown-hover-color: $black !default;
$custom-select-dropdown-hover-bg: $gray-400 !default;
$custom-select-dropdown-active-color: $input-color !default;
$custom-select-dropdown-active-bg: $gray-100 !default;

$custom-checkbox-font-weight: $font-weight-normal !default;
$custom-checkbox-indicator-checked-width: 1.5rem !default;
$custom-checkbox-indicator-checked-height: 1.2rem !default;

$custom-radio-indicator-checked-width: 1.2rem !default;
$custom-radio-indicator-checked-height: 1.2rem !default;
$custom-radio-indicator-checked-bg: $custom-control-indicator-checked-color !default;

$custom-switch-indicator-bg: $gray-300 !default;
$custom-switch-indicator-checked-width: 1.2rem !default;
$custom-switch-indicator-checked-height: 1.2rem !default;
$custom-switch-padding-x: 0.7rem !default;
$custom-switch-checked-bg: $primary !default;
$custom-switch-checked-indicator-bg: $white !default;
$custom-switch-checked-border-color: $primary !default;

$custom-number-icon: url('~media/icons/arrow-chevron.svg') !default;

$form-feedback-icon-valid-width:    2rem !default;
$form-feedback-icon-valid-height:   2rem !default;

$form-feedback-icon-invalid-width:  1.5rem !default;
$form-feedback-icon-invalid-height: 1.5rem !default;

$form-block-padding-y-mobile: 2rem !default;
$form-block-padding-x-mobile: 1.5rem !default;

$form-block-padding-y-desktop: 4rem !default;
$form-block-padding-x-desktop: 3.5rem !default;
// ---------------------------------------------------------------------------

// COLLAPSE
// ---------------------------------------------------------------------------
$collapse-header-font-size: 1.5rem !default;
$collapse-header-font-weight: $font-weight-bold !default;
$collapse-header-padding-y: 1rem !default;
$collapse-header-padding-x: 0 !default;
$collapse-header-color: $white !default;
$collapse-header-icon-color: $primary !default;
$collapse-header-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18' height='9' viewBox='0 0 18 9'%3E%3Cpath fill='#{$collapse-header-icon-color}' d='M9,9,0,0H0L9,5.377,18,0h0Z' transform='translate(18 9) rotate(180)'/%3E%3C/svg%3E%0A") !default;
$collapse-header-width: 1.8rem !default;
$collapse-header-height: 0.9rem !default;

$collapse-body-padding-y: 1rem !default;
$collapse-body-padding-x: 0 !default;
$collapse-body-font-size: 1.3rem !default;

$accordion-border-width: 0.1rem !default;
$accordion-border-color: $gray-300 !default;
$accordion-header-font-size: 1.4rem !default;
$accordion-header-font-weight: $font-weight-medium !default;
$accordion-header-padding-y: 1.5rem !default;
$accordion-header-padding-x: 2rem !default;
$accordion-header-border-width: $accordion-border-width !default;
$accordion-header-border-color: $accordion-border-color !default;

$accordion-body-padding-y: 1.7rem !default;
$accordion-body-padding-x: 2rem !default;
// ---------------------------------------------------------------------------

// PAGINATION
// ---------------------------------------------------------------------------
$pagination-font-size: 1.2rem !default;
$pagination-font-weight: $font-weight-bold !default;

$pagination-box-font-size: 1.4rem !default;
$pagination-box-font-weight: $font-weight-normal !default;
$pagination-box-active-font-weight: $font-weight-bold !default;
$pagination-box-color: $black !default;
$pagination-box-width: 4rem !default;
$pagination-box-height: 4rem !default;
$pagination-box-prev-bg: $gray-400 !default;
$pagination-box-prev-color: $primary !default;
// ---------------------------------------------------------------------------

// TOOLTIP
// ---------------------------------------------------------------------------
$tooltip-border-width: 0.1rem !default;
$tooltip-border-color: $gray-300 !default;
$tooltip-text-align: left !default;
// ---------------------------------------------------------------------------

// MODAL
// ---------------------------------------------------------------------------
$modal-icon-width-mobile: 1.8rem !default;
$modal-icon-height-mobile: $modal-icon-width-mobile !default;

$modal-inner-padding-desktop: 3rem !default;
$modal-header-padding-y-desktop: 2.4rem !default;
$modal-header-padding-x-desktop: 3rem !default;
$modal-icon-width-desktop: 3rem !default;
$modal-icon-height-desktop: $modal-icon-width-desktop !default;
// ---------------------------------------------------------------------------

// ALERT
// ---------------------------------------------------------------------------
$alert-icon-padding-x: 1.5rem !default;
$alert-font-size: 1.4rem !default;

$alert-danger-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15.557' height='15.556' viewBox='0 0 15.557 15.556'%3E%3Cpath fill='#{$danger}' d='M7.778,9.192,1.414,15.557,0,14.142,6.364,7.778,0,1.414,1.414,0,7.778,6.364,14.142,0l1.415,1.414L9.192,7.778l6.364,6.364-1.415,1.415Z'/%3E%3C/svg%3E%0A") !default;
$alert-danger-icon-width: 2.2rem !default;
$alert-danger-icon-height: 2.2rem !default;

$alert-success-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='#{$success}' d='M6.345,11.034,0,4.69,1.287,3.4,6.345,8.368,14.713,0,16,1.287Z' transform='translate(0 2)'/%3E%3C/svg%3E%0A") !default;
$alert-success-icon-width: 2.8rem !default;
$alert-success-icon-height: 2.8rem !default;

$alert-warning-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.801' height='21.211' viewBox='0 0 4.801 21.211'%3E%3Cpath fill='#{$warning}' d='M20.758,23.875a2.236,2.236,0,0,1-.691-1.664,2.188,2.188,0,0,1,.691-1.65A2.417,2.417,0,0,1,22.5,19.9a2.323,2.323,0,0,1,1.694.661,2.208,2.208,0,0,1,.676,1.65,2.257,2.257,0,0,1-.676,1.664,2.3,2.3,0,0,1-1.694.676A2.388,2.388,0,0,1,20.758,23.875ZM20.278,3.34h4.44l-.75,14.041H21Z' transform='translate(-20.067 -3.34)'/%3E%3C/svg%3E") !default;
$alert-warning-icon-width: 2rem !default;
$alert-warning-icon-height: 2.2rem !default;

$alert-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.8' height='23.16' viewBox='0 0 4.8 23.16'%3E%3Cpath fill='#{$info}' d='M12.835,6.995a2.107,2.107,0,0,1-.69-1.605,2.107,2.107,0,0,1,.69-1.6,2.407,2.407,0,0,1,1.71-.645,2.472,2.472,0,0,1,1.709.615A1.98,1.98,0,0,1,16.945,5.3a2.258,2.258,0,0,1-.675,1.665,2.338,2.338,0,0,1-1.725.675A2.407,2.407,0,0,1,12.835,6.995Zm-.18,3.285H16.4V26.3H12.655Z' transform='translate(-12.145 -3.14)'/%3E%3C/svg%3E") !default;
$alert-info-icon-width:  2rem !default;
$alert-info-icon-height: 2.2rem !default;
// ---------------------------------------------------------------------------

// BREADCRUMBS
// ---------------------------------------------------------------------------
$breadcrumb-font-size: 1.3rem !default;
$breadcrumb-font-weight: $font-weight-light !default;
$breadcrumb-color: $gray-500 !default;

$breadcrumb-link-color: $gray-500 !default;
$breadcrumb-link-decoration: none !default;
$breadcrumb-link-hover-color: $primary !default;
$breadcrumb-link-hover-decoration: none !default;
// ---------------------------------------------------------------------------

// FILTERS
// ---------------------------------------------------------------------------
$filter-selected-padding-y: 0.3rem !default;
$filter-selected-padding-x: 0.8rem !default;
$filter-selected-font-size: $small-font-size !default;
$filter-selected-font-weight: $font-weight-normal !default;
$filter-selected-color: $black !default;
$filter-selected-bg: $gray-200 !default;
$filter-selected-hover-color: $white !default;
$filter-selected-hover-bg: $dark !default;
$filter-selected-icon-width: 1.3rem !default;
$filter-selected-icon-height: 1.3rem !default;

$filter-checkbox-color-width: 3.5rem !default;
$filter-checkbox-color-height: 3.5rem !default;
$filter-checkbox-border-color: $gray-200 !default;
// ---------------------------------------------------------------------------

// ICONS
// ---------------------------------------------------------------------------
$icon-pattern-bg: url('~media/icons/bg-title-icon.svg') !default;
$icon-pattern-bg-width-mobile: 5.5rem !default;
$icon-pattern-bg-height-mobile: 5.5rem !default;
$icon-pattern-icon-position-mobile: 0.5rem !default;

$icon-pattern-bg-width-desktop: 7rem !default;
$icon-pattern-bg-height-desktop: 7rem !default;
$icon-pattern-icon-position-desktop: 0.8rem !default;

$icon-pattern-2-bg: url('~media/icons/bg-title-icon-2.svg') !default;
$icon-pattern-2-bg-width-mobile: 4rem !default;
$icon-pattern-2-bg-height-mobile: 4rem !default;
$icon-pattern-2-icon-position-mobile: 0.7rem !default;
$icon-pattern-2-bg-width-desktop: 5rem !default;
$icon-pattern-2-bg-height-desktop: 5rem !default;
// ---------------------------------------------------------------------------

// LISTING
// ---------------------------------------------------------------------------
$listing-nb-shown-font-size-mobile: $font-size-base !default;
$listing-nb-shown-font-size-desktop: 1.8rem !default;
$listing-nb-shown-font-weight: $font-weight-light !default;
$listing-nb-shown-strong-font-weight: $font-weight-medium !default;

$listing-show-color: $black !default;
$listing-show-color-hover: $primary !default;
// ---------------------------------------------------------------------------

// PRODUCT
// ---------------------------------------------------------------------------
$product-box-margin-bottom: 2rem !default;
$product-box-border-width: 0.1rem !default;
$product-box-border-color: $gray-200 !default;
$product-box-border-color-hover: $black !default;
$product-box-review-nb-color: $black !default;

$product-title-font-family: $font-family-sans-serif !default;
$product-title-font-weight: $font-weight-sbold !default;

$product-brand-font-family: $font-family-serif !default;
$product-brand-font-weight: $font-weight-light !default;

$product-title-font-size-mobile: 1.2rem !default;
$product-brand-font-size-mobile: 1.2rem !default;

$product-title-font-size-desktop: 1.4rem !default;
$product-brand-font-size-desktop: 1.3rem !default;
// ---------------------------------------------------------------------------

// REVIEWS
// ---------------------------------------------------------------------------
$review-padding-y: 1.5rem !default;
$review-padding-x: 0 !default;
$review-border-width: 0.2rem !default;
$review-border-color: $gray-200 !default;
$review-line-height: 1.9rem !default;

$review-author-font-size: $font-size-base !default;
$review-author-font-weight: $font-weight-bold !default;
$review-author-color: $black !default;

$review-date-font-size: 1.3rem !default;
$review-date-color: $black !default;

$review-star-color: $info !default;
$review-star-disabled-color: $gray-300 !default;
$review-star-font-size: 1.2rem !default;

$review-date-order-font-size: $font-size-base !default;
$review-date-order-color: $gray-500 !default;

$review-title-font-size: $font-size-base !default;
$review-title-color: $black !default;

$review-content-font-size: 1.3rem !default;
// ---------------------------------------------------------------------------

// SELECTION
// ---------------------------------------------------------------------------
$selection-block-border-width: 0.1rem !default;
$selection-block-border-color: $gray-200 !default;
$selection-block-checked-bg: $gray-100 !default;
// ---------------------------------------------------------------------------

// SHOW HIDE
// ---------------------------------------------------------------------------
$showHide-footer-padding-y: 1.5rem !default;

$showHide-footer-font-size: 1.3rem !default;
$showHide-footer-text-decoration: underline !default;
$showHide-footer-color: $black !default;
$showHide-footer-text-decoration-hover: underline !default;
$showHide-footer-color-hover: $primary !default;
// ---------------------------------------------------------------------------

// SIMPLEBAR
// ---------------------------------------------------------------------------
$simplebar-size: 0.8rem !default;
$simplebar-padding: 0 !default;
$simplebar-bg: $gray-100 !default;
$simplebar-border-width: 0.1rem !default;
$simplebar-border-color: $gray-300 !default;
$simplebar-border-radius: 0.4rem !default;

$simplebar-indicator-bg: $gray-400 !default;
$simplebar-indicator-border-width: 0.1rem !default;
$simplebar-indicator-border-color: $simplebar-indicator-bg !default;
$simplebar-indicator-border-radius: 0.4rem !default;
$simplebar-indicator-opacity: 0.5 !default;
// ---------------------------------------------------------------------------

// SLIDER
// ---------------------------------------------------------------------------
$slider-arrow-width: 5rem !default;
$slider-arrow-height: 5rem !default;
$slider-arrow-bg: $gray-200 !default;

$slider-arrow-icon-width: 1.6rem !default;
$slider-arrow-icon-height: 1.6rem !default;
$slider-arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8,0,6.545,1.455l5.506,5.506H0V9.039H12.052L6.545,14.545,8,16l8-8Z'/%3E%3C/svg%3E%0A") !default;

$slider-dot-size: 1rem !default;
$slider-dot-color: $gray-600 !default;
$slider-dot-active-color: $primary !default;
$slider-dot-hover-color: $primary-hover !default;
// ---------------------------------------------------------------------------
