:root {
    --ict-primary: #0D5670 !important;
    --ict-primary-hover: #0A485D;
    --ict-primary-dark: #083C4E !important;
    --ict-primary-light: #2C7188;
    --ict-primary-soft: #EDF5F7 !important;
    --ict-primary-rgb: 13, 86, 112;
    --ict-secondary: #C9AE53 !important;
    --ict-secondary-hover: #B79B40;
    --ict-secondary-dark: #A68D38;
    --ict-secondary-soft: #F8F4E6 !important;
    --ict-secondary-rgb: 201, 174, 83;
    --ict-focus-ring: rgba(201, 174, 83, 0.34);
    --base: var(--ict-primary) !important;
    --base-2: var(--ict-secondary) !important;
    --primary: var(--ict-primary) !important;
    --blue: var(--ict-primary) !important;
    --bs-primary: var(--ict-primary) !important;
    --bs-primary-rgb: var(--ict-primary-rgb) !important;
    --bs-secondary: var(--ict-secondary) !important;
    --bs-secondary-rgb: var(--ict-secondary-rgb) !important;
    --primary-dark: var(--ict-primary-dark) !important;
    --primary-light: var(--ict-primary-light) !important;
    --web-primary: var(--ict-primary) !important;
    --web-primary-10: rgba(var(--ict-primary-rgb), 0.06) !important;
    --web-primary-20: rgba(var(--ict-primary-rgb), 0.12) !important;
    --web-primary-40: rgba(var(--ict-primary-rgb), 0.25) !important;
    --web-secondary: var(--ict-secondary) !important;
    --primary-clr: var(--ict-primary) !important;
    --c1: var(--ict-primary) !important;
    --c1-rgb: var(--ict-primary-rgb) !important;
    --ict-gold: var(--ict-secondary) !important;
    --ict-gold-dark: var(--ict-secondary-dark) !important;
    --ict-soft-blue: #E7F1F4 !important;
    --ict-soft-gold: var(--ict-secondary-soft) !important;
}

::selection {
    color: #17313B;
    background: rgba(var(--ict-secondary-rgb), 0.72);
}

.btn--primary,
.btn-primary {
    color: #FFFFFF !important;
    background-color: var(--ict-primary) !important;
    border-color: var(--ict-primary) !important;
    box-shadow: 0 8px 18px rgba(var(--ict-primary-rgb), 0.16);
}

.btn--primary:hover,
.btn--primary:focus,
.btn-primary:hover,
.btn-primary:focus {
    color: #FFFFFF !important;
    background-color: var(--ict-primary-hover) !important;
    border-color: var(--ict-primary-hover) !important;
    box-shadow: 0 9px 22px rgba(var(--ict-primary-rgb), 0.24) !important;
}

.btn-outline--primary,
.btn-outline-primary {
    color: var(--ict-primary) !important;
    background-color: transparent !important;
    border-color: rgba(var(--ict-primary-rgb), 0.52) !important;
}

.btn-outline--primary:hover,
.btn-outline--primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #FFFFFF !important;
    background-color: var(--ict-primary) !important;
    border-color: var(--ict-primary) !important;
}

.btn--secondary {
    color: #17313B !important;
    background-color: var(--ict-secondary) !important;
    border-color: var(--ict-secondary) !important;
}

.btn--secondary:hover,
.btn--secondary:focus {
    color: #17313B !important;
    background-color: var(--ict-secondary-hover) !important;
    border-color: var(--ict-secondary-hover) !important;
}

.text-primary,
.text--primary,
.c1 {
    color: var(--ict-primary) !important;
}

.bg-primary,
.badge-primary {
    color: #FFFFFF !important;
    background-color: var(--ict-primary) !important;
}

.border-primary {
    border-color: var(--ict-primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.progress-bar {
    background-color: var(--ict-primary) !important;
    border-color: var(--ict-primary) !important;
}

.page-link,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    color: var(--ict-primary);
    border-color: rgba(var(--ict-primary-rgb), 0.28);
}

.form-control:focus,
.custom-select:focus,
.custom-control-input:focus ~ .custom-control-label::before,
.select2-container--focus .select2-selection {
    border-color: var(--ict-secondary) !important;
    box-shadow: 0 0 0 3px var(--ict-focus-ring) !important;
}

.dropdown-item.active,
.dropdown-item:active,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #FFFFFF !important;
    background-color: var(--ict-primary) !important;
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible {
    outline-color: var(--ict-secondary) !important;
}

/* Keep the supplied Iraqi flag crisp and correctly cropped in every language menu. */
img[src*="/assets/front-end/img/flags/iq.png"] {
    width: 24px !important;
    height: 16px !important;
    object-fit: cover;
    object-position: center;
    border: 0 !important;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(var(--ict-primary-rgb), 0.16);
}

/* Product catalogue filters */
.ict-products-page .search-page-header,
.ict-products-page .cz-sidebar {
    border: 1px solid rgba(var(--ict-primary-rgb), 0.12);
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 10px 28px rgba(var(--ict-primary-rgb), 0.06);
}

.ict-products-page .search-page-header {
    padding: 18px 20px;
}

.ict-products-page .search-page-header h5,
.ict-products-page .__search-sidebar h6 {
    color: var(--ict-primary-dark);
}

.ict-products-page .__search-sidebar .form-control,
.ict-products-page .__search-sidebar .custom-select,
.ict-products-page .sorting-item {
    color: #273B44;
    border-color: rgba(var(--ict-primary-rgb), 0.34) !important;
    background-color: #FFFFFF;
    box-shadow: none;
}

.ict-products-page .__search-sidebar .form-control:hover,
.ict-products-page .__search-sidebar .custom-select:hover,
.ict-products-page .sorting-item:hover {
    border-color: rgba(var(--ict-primary-rgb), 0.62) !important;
}

.ict-products-page .__search-sidebar .form-control:focus,
.ict-products-page .__search-sidebar .custom-select:focus,
.ict-products-page .sorting-item:focus-within {
    border-color: var(--ict-secondary) !important;
    box-shadow: 0 0 0 3px var(--ict-focus-ring) !important;
}

.ict-products-page .__search-sidebar .__number-filter-btn a {
    color: #FFFFFF !important;
    background: var(--ict-primary) !important;
    border: 1px solid var(--ict-primary) !important;
    box-shadow: 0 7px 16px rgba(var(--ict-primary-rgb), 0.2);
    transition: background-color 0.2s ease, border-color 0.2s ease,
        box-shadow 0.2s ease, transform 0.2s ease;
}

.ict-products-page .__search-sidebar .__number-filter-btn a:hover,
.ict-products-page .__search-sidebar .__number-filter-btn a:focus-visible {
    color: #17313B !important;
    background: var(--ict-secondary) !important;
    border-color: var(--ict-secondary) !important;
    box-shadow: 0 8px 18px rgba(var(--ict-secondary-rgb), 0.3);
    transform: translateY(-1px);
}

.ict-products-page .product-categories-list .card-header {
    border-color: rgba(var(--ict-primary-rgb), 0.12);
    transition: color 0.2s ease, background-color 0.2s ease;
}

.ict-products-page .product-categories-list .card-header:hover {
    color: var(--ict-primary);
    background-color: var(--ict-primary-soft);
}

.ict-products-page .product-categories-list .menu--caret,
.ict-products-page .__brands-cate-badge,
.ict-products-page .input-group-text {
    color: var(--ict-primary) !important;
}

.ict-products-page .product-categories-list::-webkit-scrollbar-thumb,
.ict-products-page .simplebar-scrollbar::before {
    background-color: rgba(var(--ict-primary-rgb), 0.42) !important;
}

@media (max-width: 991.98px) {
    .ict-products-page .cz-sidebar {
        border-radius: 0 8px 8px 0;
        box-shadow: 12px 0 30px rgba(var(--ict-primary-rgb), 0.14);
    }
}