/*
Theme Name: Golden Ice Store
Theme URI: https://goldenice.com
Author: El Shahbndr
Author URI: https://elshahbndr.com/
Description: A professional WooCommerce theme for Golden Ice Store, a Saudi Arabian business selling ice products and restaurant equipment. Features include RTL support, Polylang multilingual integration, custom quote request functionality, and extensive Saudi market customizations. Built with Bootstrap 5, optimized for performance with LiteSpeed Cache, and includes HPOS (High-Performance Order Storage) support.
Version: 2.0.12
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: goldenice
Domain Path: /languages
Tags: e-commerce, rtl-language-support, two-columns, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, woocommerce

Golden Ice Store WordPress Theme, Copyright 2018-2025 El Shahbndr
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Theme Structure
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
6.0 - Accessibility
7.0 - Widgets
8.0 - Content
	8.1 - Posts and Pages
	8.2 - Comments
9.0 - WooCommerce
10.0 - Media
	10.1 - Captions
	10.2 - Galleries
11.0 - Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Theme Structure
--------------------------------------------------------------*/

/**
 * Main theme styles are loaded via inc/functions/setup.php
 * using wp_enqueue_style() for better performance and caching.
 *
 * The following files are enqueued in this order:
 * 1. Swiper Bundle CSS (Carousel/Slider)
 * 2. Bootstrap 5 CSS (Framework)
 * 3. Main CSS (Theme styles)
 * 4. This file (style.css or style-rtl.css based on language)
 *
 * Custom page-specific styles:
 * - page-sections.css (Sections page template)
 * - Additional page templates load their styles conditionally
 */

/*--------------------------------------------------------------
2.0 - Typography
--------------------------------------------------------------*/

/**
 * Primary Font: Defined in main.css
 * RTL Support: Separate style-rtl.css for Arabic
 * Icon System: Custom icon font loaded via icon-system.php
 */

/*--------------------------------------------------------------
3.0 - Elements
--------------------------------------------------------------*/

/**
 * Base element styles are in main.css
 * Bootstrap 5 provides core element styling
 */

/*--------------------------------------------------------------
4.0 - Forms
--------------------------------------------------------------*/

/**
 * Form styles enhanced in:
 * - WooCommerce checkout (custom field modifications)
 * - Request a Quote plugin (custom form handling)
 * - Saudi phone number validation
 */

/*--------------------------------------------------------------
5.0 - Navigation
--------------------------------------------------------------*/

/**
 * Navigation handled by:
 * - Bootstrap Navwalker (class-wp-bootstrap-navwalker.php)
 * - Footer Menu Walker (class-footer-menu-walker.php)
 * - Mobile footer navigation (footer.php)
 */

/*--------------------------------------------------------------
6.0 - Accessibility
--------------------------------------------------------------*/

/**
 * Accessibility features:
 * - ARIA labels on interactive elements
 * - Keyboard navigation support
 * - Focus states on all interactive elements
 * - Screen reader text utility classes
 */

/* Screen reader text */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/*--------------------------------------------------------------
7.0 - Widgets
--------------------------------------------------------------*/

/**
 * Widget areas and styling managed in theme setup
 */

/*--------------------------------------------------------------
8.0 - Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.1 - Posts and Pages
--------------------------------------------------------------*/

/**
 * Content formatting filters in general-hooks.php:
 * - Automatic Bootstrap classes on content elements
 * - <p> tags get "main-text" class
 * - <ul> tags get "unorder-list" class
 * - Headings get "sections-main-headline" class
 * - Tables wrapped in responsive containers
 */

/*--------------------------------------------------------------
8.2 - Comments
--------------------------------------------------------------*/

/**
 * Threaded comments support enabled
 * Comment styling in main.css
 */

/*--------------------------------------------------------------
9.0 - WooCommerce
--------------------------------------------------------------*/

/**
 * Extensive WooCommerce customizations:
 * - Custom single product layout (woocommerce/single-product.php)
 * - Custom archive layout (woocommerce/archive-product.php)
 * - Saudi market customizations (saudi-stats.php, woo-hooks.php)
 * - Phone number validation for Saudi format
 * - Custom shipping calculations
 * - HPOS (High-Performance Order Storage) support
 * - Category icons integration
 * - Custom sorting options (discount percentage)
 * - Minimum quantity requirements for specific categories
 */

/*--------------------------------------------------------------
10.0 - Media
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 - Captions
--------------------------------------------------------------*/

.wp-caption {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
	font-size: 0.875rem;
	color: #666;
	margin-top: 0.5rem;
}

/*--------------------------------------------------------------
10.2 - Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5rem;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
	font-size: 0.875rem;
	color: #666;
	margin-top: 0.5rem;
}

/*--------------------------------------------------------------
11.0 - Responsive
--------------------------------------------------------------*/

/**
 * Mobile-first responsive design
 * Breakpoints aligned with Bootstrap 5:
 * - xs: <576px
 * - sm: e576px
 * - md: e768px
 * - lg: e992px
 * - xl: e1200px
 * - xxl: e1400px
 *
 * Mobile footer navigation in footer.php
 * Admin bar height adjustments in style-rtl.css
 */

/* Utility Classes */
.pointer {
	cursor: pointer;
}

.text-overflow-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Alignment helpers */
.alignleft {
	float: left;
	margin-right: 1.5rem;
	margin-bottom: 1rem;
}

.alignright {
	float: right;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

/* Clear floats */
.clearfix::after,
.entry-content::after,
.site-content::after {
	content: "";
	display: table;
	clear: both;
}

/*--------------------------------------------------------------
Theme-Specific Customizations
--------------------------------------------------------------*/

.admin-bar {
    --global--admin-bar--height: 32px;
}

.card .product-name, .card.help-card .header .card-title {
    min-height: 50px;
}

.card.order-card .product-name, .card.order-card .header .card-title {
    min-height: auto;
}

.pointer {
    cursor: pointer
}

@media only screen and (max-width: 782px) {

    .admin-bar {
        --global--admin-bar--height: 46px;
    }
}

.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-caption-text {
    font-size: 0.875em;
    color: var(--bs-secondary-color);
    text-align: center;
}

.blog figure {
    border: 1px solid;
    border-radius: 5px;
}

.glsr-default button.glsr-button {
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
}

.woocommerce .quantity .qty {
    width: 100%;
    text-align: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#banner-1 img, #banner-2 img {
    border-radius: .5rem;
}

.card.product-card .discount .old-price {
    font-size: 0.8rem;
}

.card.rate-card .card-body {
    justify-content: space-between;
}

main:not(.product) .card.product-card {
    min-height: 335px;
}

main:not(.product) .card.product-card {
    min-height: 442px;
}

body.woocommerce-account .card.product-card {
    min-height: auto !important;
}

@media (min-width: 390px) {
    .btn-primary-icon {
        font-size: 0.7rem;
    }
}

@media (min-width: 576px) {
    .card.rate-card {
        min-height: 455px;
    }

    .btn-primary-icon {
        font-size: 0.875rem;
    }

}

@media (min-width: 768px) {
    .card.rate-card {
        min-height: 455px;
    }

    .btn-primary-icon {
        font-size: 0.875rem;
    }

}

@media (min-width: 992px) {
    .card.rate-card {
        min-height: 335px;
    }

    .btn-primary-icon {
        font-size: 0.875rem;
    }

}

.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 {
    background-color: var(--primary-color);
    border-radius: 999rem;
}

.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-color: var(--secondary-color);
    color: #fff;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 1rem;
}

#wcbpg-popup input, #wcbpg-popup textarea, #wcbpg-popup select {
    border-color: #013850;
    background-color: #ffffff
}

#wcbpg-popup input[type="submit"] {
    background: #33358f !important;
    color: #fff !important;
}

.woocommerce-form-coupon-toggle {
    display: none
}

.comment-submit {
    line-height: inherit !important;
    color: var(--bs-btn-color) !important;

}

.glsr-default form.glsr-form select.glsr-select {
    background-position: left .5em center;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #2e3192;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #eaa922;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 1.15em;
    float: right;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: var(--bs-border-radius-pill) !important;
    color: #ffffff;
    font-weight: normal;
}

.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
    float: none
}

.widgettitle {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 12px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--primary-color);
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: rgba(42,57,134,0.2);
    border-radius: 5px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid transparent;
    border-bottom-color: #2e3192;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #2e3192;
    color: #fff;
}

.searchbar-form button{
    background-color: #5967b2;
    border-color: #5967b2;
}

/* End of style.css */