/*--------------------------------------------------------------------------------------

General

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Page
--------------------------------------------------------------*/

.content-area {
order: 1;
width: 100%;
padding: calc( var(--gp-section-margin ) / 2 );
}
.site-main {
height: 100%;
}

/*--------------------------------------------------------------
Input Fields
--------------------------------------------------------------*/

/* Text Field */
.gp-theme .wc-block-components-form .wc-block-components-text-input input[type=email], .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=number], .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=tel], .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=text], .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=url], .gp-theme .wc-block-components-text-input input[type=email], .gp-theme .wc-block-components-text-input input[type=number], .gp-theme .wc-block-components-text-input input[type=tel], .gp-theme .wc-block-components-text-input input[type=text], .gp-theme .wc-block-components-text-input input[type=url], 

/* Text Area */
.gp-theme .wc-block-components-textarea,

/* Select2 Input */
.gp-theme .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
.gp-theme .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list
{
background: var(--gp-section-bg-color);
border-color: var(--gp-misc-border-color);
color: var(--gp-tertiary-color);
}
.gp-theme .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, 
.gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
padding: 1.5em .5em .5em !important;
}

/* Select2 Dropdown */
.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}

/* Light Focus - Text Field */
.gp-theme .wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .gp-theme .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .gp-theme .wc-block-components-text-input input[type=email]:focus, .gp-theme .wc-block-components-text-input input[type=number]:focus, .gp-theme .wc-block-components-text-input input[type=tel]:focus, .gp-theme .wc-block-components-text-input input[type=text]:focus, .gp-theme .wc-block-components-text-input input[type=url]:focus,

/* Light Focus - Text Area */
.gp-theme .wc-block-checkout__add-note .wc-block-components-textarea:focus,

/* Light Focus - Select2 Boxes */
.gp-theme .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .gp-theme .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
background: #f8f8f8;
color: var(--gp-tertiary-color);
box-shadow: none;
}

/* Dark Focus - Text Field */
.gp-color-dark .wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .gp-color-dark .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .gp-color-dark .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .gp-color-dark .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .gp-color-dark .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .gp-color-dark .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .gp-color-dark .wc-block-components-text-input input[type=tel]:focus, .gp-color-dark .wc-block-components-text-input input[type=text]:focus, .gp-color-dark .wc-block-components-text-input input[type=url]:focus,

/* Dark Focus - Text Area */
.gp-color-dark .wc-block-checkout__add-note .wc-block-components-textarea:focus,

/* Dark Focus - Select2 Boxes */
.gp-color-dark .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .gp-color-dark .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], .gp-color-dark .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .gp-color-dark .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
background: #171819;
}

/* Text Field Label */
.gp-theme .wc-block-components-form .wc-block-components-text-input label, 
.gp-theme .wc-block-components-text-input label,

.gp-theme .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
color: var(--gp-tertiary-color);
}

/* Select2 Suggestions List */
.gp-theme .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .gp-theme .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list {
margin-left: 0;
}

/*--------------------------------------------------------------
Buttons
--------------------------------------------------------------*/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.button {
border: 0;
background: var(--gp-button-bg-color, var(--gp-primary-color));
color: var(--gp-button-text-color);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover, 

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
background: var(--gp-button-bg-color-hover, var(--gp-secondary-color));
color: var(--gp-button-text-color);
}


/* Disable ************************************/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
background: var(--gp-button-bg-color, var(--gp-primary-color));
color: var(--gp-button-text-color);
}

/* Disabled Hover ************************************/

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] {
padding: var(--gp-button-padding);
color: var(--gp-button-text-color);
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]:hover {
color: var(--gp-button-text-color);
background: var(--gp-button-bg-color, var(--gp-primary-color));
}

/*--------------------------------------------------------------
Messages
--------------------------------------------------------------*/

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
background-color: var(--gp-misc-bg-color);
color: var(--gp-body-text-color);
}

/*--------------------------------------------------------------
Breadcrumbs
--------------------------------------------------------------*/

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
color: var(--gp-tertiary-color);
margin-bottom: 20px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
color: var(--gp-tertiary-color);
}


/*--------------------------------------------------------------------------------------

Shop Page

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Results/Ordering
--------------------------------------------------------------*/

.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none;
}
.woocommerce .woocommerce-ordering {
margin: 0 0 30px 0;
}
.woocommerce .woocommerce-result-count {
font-size: 12px;
line-height: 18px;
color: var(--gp-tertiary-color);
}

/*--------------------------------------------------------------
Product
--------------------------------------------------------------*/

/* Sale Badge ************************************/

.woocommerce ul.products li.product .onsale {
margin: -0.5em -0.6em 0 0; 
}

/* Product ************************************/

.gp-theme .wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, 
.gp-theme .wc-block-grid.has-5-columns.alignfull .wc-block-grid__product {
font-size: var(--gp-body-font-size); 
}

/* Title ************************************/

.gp-theme .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title, 
.gp-theme .editor-styles-wrapper .wc-block-grid__product-title, 
.gp-theme .wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
margin: 0 0 12px 0;
padding: 0;
color: var(--gp-body-text-color);
font-size: var(--gp-body-font-size);
line-height: 1.2;
font-weight: var(--gp-strong-font-weight);
}
.gp-theme .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title:hover, 
.gp-theme .editor-styles-wrapper .wc-block-grid__product-title:hover, 
.gp-theme .wc-block-grid__product-title:hover,
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover, 
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, 
.woocommerce ul.products li.product h3:hover {
color: var(--gp-primary-color);
}

/* Price ************************************/

.woocommerce ul.products li.product .price {
display: flex;
gap: 10px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color: var(--gp-body-text-color);
}
.woocommerce ul.products li.product .price ins {
font-weight: var(--gp-strong-font-weight);
}

/* Button ************************************/

.gp-theme .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
.woocommerce ul.products li.product .button {
padding: 10px !important;
font-size: 0.8em !important;
font-weight: var(--gp-strong-font-weight);
}
.woocommerce a.added_to_cart {
margin-left: 1em;
}
.woocommerce ul.products li.product .button.loading:after {
position: relative;
margin-left: 5px;
top: auto;
right: auto;
}

/*--------------------------------------------------------------
Pagination
--------------------------------------------------------------*/

.woocommerce nav.woocommerce-pagination ul {
display: flex;
justify-content: center;
position: relative;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0;
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin: 0 2px;
color: var(--gp-body-text-color);
font-size: 12px;
line-height: 30px;
font-weight: var(--gp-strong-font-weight);
border-radius: 50%;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
background: var(--gp-button-bg-color, var(--gp-primary-color));
color: var(--gp-button-text-color);
}


/*--------------------------------------------------------------------------------------

Product Page

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Sale Badge
--------------------------------------------------------------*/

.woocommerce span.onsale {
box-sizing: content-box;
background-color: var(--gp-primary-color);
color: var(--gp-button-text-color);
font-weight: var(--gp-strong-font-weight);
left: -0.7em;
}

/*--------------------------------------------------------------
Rating
--------------------------------------------------------------*/

.woocommerce div.product .woocommerce-product-rating {
margin-top: -20px;
}

/*--------------------------------------------------------------
Variations
--------------------------------------------------------------*/

.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th {
padding-left: 0;
text-align: left;
}
.woocommerce div.product form.cart .variations label {
font-weight: var(--gp-strong-font-weight);
}
.woocommerce-variation-price {
margin: 0 0 20px 0;
}

/*--------------------------------------------------------------
Group Table
--------------------------------------------------------------*/

.woocommerce-grouped-product-list.group_table {
margin-bottom: 1em;
}

/*--------------------------------------------------------------
Quantity
--------------------------------------------------------------*/

.woocommerce .quantity .qty {
width: 5em;
}
.price {
display: flex;
gap: 15px;
}
.product_meta {
display: flex;
gap: 15px;
font-size: 0.9em;
}

/*--------------------------------------------------------------
Price
--------------------------------------------------------------*/

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: var(--gp-body-text-color);
}
.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins {
font-weight: var(--gp-strong-font-weight);
}

/*--------------------------------------------------------------
Short Description
--------------------------------------------------------------*/

.woocommerce-product-details__short-description {
display: block;
font-size: 14px;
line-height: 24px;
text-align: left;
}

/*--------------------------------------------------------------
Tabs
--------------------------------------------------------------*/

.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 10px 0 0 0;
border-top: 1px solid var(--gp-misc-border-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
background-color: transparent;
margin: 0 30px 0 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: transparent;
color: var(--gp-primary-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: var(--gp-strong-font-weight);
color: var(--gp-body-text-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--gp-primary-color);
}

/*--------------------------------------------------------------
Additional Information Tab
--------------------------------------------------------------*/

.woocommerce table.shop_attributes {
border: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
border: 0;
text-align: left;
font-style: normal;
}
.woocommerce table.shop_attributes th {
font-weight: var(--gp-strong-font-weight);
}
.woocommerce table.shop_attributes tr:nth-child(even) th,
.woocommerce table.shop_attributes tr:nth-child(even) td {
background: var(--gp-misc-bg-color);
}

/*--------------------------------------------------------------
Reviews Tab
--------------------------------------------------------------*/

.woocommerce #reviews #comments ol.commentlist li img.avatar {
padding: 0;
border: 0;
}
.woocommerce #review_form #respond .form-submit {
border: 0;
}


/*--------------------------------------------------------------------------------------

Cart

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Block Layout
--------------------------------------------------------------*/

.gp-theme .is-large.wc-block-cart .wc-block-cart-items td {
border-color: var(--gp-misc-border-color);
}
.gp-theme  .is-large.wc-block-cart .wc-block-cart-items {
border-color: var(--gp-misc-border-color);
}
.gp-theme .wc-block-components-quantity-selector:after {
border-color: var(--gp-misc-border-color);
}
.gp-theme .wc-block-components-totals-wrapper {
border-color: var(--gp-misc-border-color);
}
.gp-theme .is-medium table.wc-block-cart-items .wc-block-cart-items__row, 
.gp-theme .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, 
.gp-theme .is-small table.wc-block-cart-items .wc-block-cart-items__row {
padding: 0;
}
body:not(.woocommerce-block-theme-has-button-styles) .wp-block-woocommerce-cart-totals-block .wc-block-components-button:not(.is-link).wc-block-cart__submit-button {
width: 99%;
}

/*--------------------------------------------------------------
Classic Layout
--------------------------------------------------------------*/

#add_payment_method table.cart td.actions .coupon .input-text, 
.woocommerce-cart table.cart td.actions .coupon .input-text, 
.woocommerce-checkout table.cart td.actions .coupon .input-text {
padding: var(--gp-form-field-padding);
background: var(--gp-section-bg-color);
border-color: var(--gp-misc-border-color);
color: var(--gp-tertiary-color);
}
.woocommerce table.shop_table {
border-color: var(--gp-misc-border-color);
}
#add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-color: var(--gp-misc-border-color);
}

/*--------------------------------------------------------------------------------------

Checkout

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
Blocks Layout
--------------------------------------------------------------*/

.gp-page-text div[class*="wp-block-"].wc-block-checkout__main {
margin: 0;
}
.gp-theme .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
box-shadow: 0 0 0 2px var(--gp-page-bg-color);
}
.gp-theme .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__container:after {
border-left-color: var(--gp-misc-border-color);
}
.gp-theme .wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child,
.gp-theme .wc-block-checkout__payment-method .wc-block-components-radio-control__option-checked,
.gp-theme .wc-block-components-totals-item__value {
font-weight: var(--gp-strong-font-weight);
}
.gp-theme .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__content>:last-child {
padding-bottom: 0;
}
.gp-theme .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus,
.gp-theme .wc-block-components-radio-control .wc-block-components-radio-control__input:focus {
outline: none;
}
.gp-theme .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-weight: var(--gp-strong-font-weight);
}

/*--------------------------------------------------------------
Classic Layout
--------------------------------------------------------------*/

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
background: var(--gp-misc-bg-color);
}
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods {
border-color: var(--gp-misc-border-color);
}
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
border-color: var(--gp-misc-border-color);
}


/*--------------------------------------------------------------------------------------

Order Page

--------------------------------------------------------------------------------------*/

.woocommerce ul.order_details {
margin: 0 0 1em;
}
.woocommerce ul.order_details li {
margin-bottom: 2em;
}
.woocommerce .woocommerce-customer-details address {
border-color: var(--gp-misc-border-color);
}
.woocommerce td.product-name .wc-item-meta, 
.woocommerce td.product-name dl.variation {
margin-left: 0;
}
.woocommerce td.product-name .wc-item-meta p, 
.woocommerce td.product-name .wc-item-meta:last-child, 
.woocommerce td.product-name dl.variation p, 
.woocommerce td.product-name dl.variation:last-child {
margin-top: 0;
}

/*--------------------------------------------------------------
Order Summary Heading
--------------------------------------------------------------*/

.gp-theme .wc-block-components-order-summary .wc-block-components-panel__button {
margin: 0;
padding: 0;
font-size: var(--gp-body-font-size);
font-weight: var(--gp-strong-font-weight);
line-height: 1;
color: var(--gp-body-text-color);
}
.gp-theme .wc-block-components-order-summary .wc-block-components-panel__button[aria-expanded=true] {
margin-bottom: 20px;
}
.wc-block-components-order-summary .wc-block-components-panel__button>.wc-block-components-panel__button-icon,
.wc-block-components-order-summary .wc-block-components-panel__button>.wc-block-components-panel__button-icon path {
fill: var(--gp-body-text-color);
stroke: none;
}

/*--------------------------------------------------------------------------------------

Account Page

--------------------------------------------------------------------------------------*/

.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100%;
}
.woocommerce-account  .woocommerce-MyAccount-navigation ul {
list-style: none;
display: flex;
flex-wrap: wrap;
column-gap: 30px;
row-gap: 10px;
margin: 0 0 20px 0;
}
.woocommerce-account  .woocommerce-MyAccount-navigation ul li {
margin: 0 0 10px 0;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
background: var(--gp-misc-bg-color);
padding: 20px;
}
.woocommerce-account .select2-selection.select2-selection--single,
.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
}

/*--------------------------------------------------------------------------------------

Mini Cart/Cart Widget

--------------------------------------------------------------------------------------*/

.woocommerce-mini-cart {
margin: 0;
list-style: none;
}
.woocommerce-mini-cart li:before {
display: none !important;
}
.woocommerce.widget_shopping_cart .cart_list li {
padding: 0 0 15px 25px;
}
.woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: 0;
font-size: 16px;
line-height: 1;
color: var(--gp-quarternary-color) !important;
}
.woocommerce.widget_shopping_cart .cart_list li a.remove:hover {
background: none;
color: var(--gp-secondary-color) !important;
}
.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a {
font-size: 0.9em;
line-height: 0.9em;
font-weight: var(--gp-strong-font-weight);
}
.woocommerce-mini-cart .quantity {
font-size: 0.8em;
line-height: 0.8em;
color: var(--gp-tertiary-color);
}
.woocommerce.widget_shopping_cart .total {
border-top: 1px solid var(--gp-misc-border-color);
margin: 0;
padding: 15px 0 0 0;
text-align: center;
font-size: 0.9em;
line-height: 1;
font-weight: var(--gp-strong-font-weight);
}
.woocommerce-mini-cart__buttons {
display: flex;
justify-content: space-between;
margin: 10px 0 0 0;
}
.woocommerce .woocommerce-mini-cart__buttons.buttons a {
margin: 10px 0 0 0;
padding: 10px;
font-size: 0.8em;
font-weight: var(--gp-strong-font-weight);
}
.woocommerce-mini-cart__empty-message {
margin: 0;
text-align: center;
font-weight: var(--gp-strong-font-weight);
}

/*--------------------------------------------------------------------------------------

Media queries

--------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1400px) {

    .gp-sidebar-wrapper:not(.gp-ex-lg-hide) + .content-area {
    width: 72%;
    }

}

@media (max-width: 782px) {

    .gp-theme .wc-block-cart .wc-block-cart__submit-container--sticky {
    background: var(--gp-misc-bg-color) !important;
    }
    .gp-theme .wc-block-cart .wc-block-cart__submit-container--sticky:before {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    border-top: 1px solid var(--gp-misc-border-color);
    }
    .gp-color-dark .wc-block-cart .wc-block-cart__submit-container--sticky:before {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    }

}

@media (max-width: 768px) {

    .woocommerce .col2-set .col-1, 
    .woocommerce-page .col2-set .col-1 {
    margin-bottom: 20px;
    }

}