.alert-float {
    position: fixed;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    transition: top 0.8s ease-in-out, opacity 0.8s ease-in-out;
    z-index: 9999;
    opacity: 0;
    width: 200px; /* Adjust this value to your preferred width */
    margin-bottom: 50px; /* Adjust this value to your preferred margin */
}

.alert-float.show {
    bottom: 45px;
    opacity: 1;
}

.hidden-image {
    visibility: hidden;
    position: absolute;
}
/*.sticky-card {*/
/*    position: sticky;*/
/*    top: 20px;*/
/*    z-index: 100;*/
/*    overflow-x: auto;*/
/*    white-space: nowrap;*/
/*    scrollbar-width: none;*/
    
/*}*/
      #sticky-categories {
      position: sticky;
      top: 100px;
      z-index: 100;
      opacity: 1;
      overflow-x: auto;
      scrollbar-width: none;
      cursor: grab;
      scroll-behavior: smooth;
    }

    #sticky-categories:active {
      cursor: grabbing;
    }

    /* Style for active menu item */
    .category-item.active .card {
      border-color: #206bc4 !important;
    background-color: #206bc4;

    }
    .slick-categories {
        flex-wrap: nowrap !important;
    }

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.navbar .navbar-nav {
    margin-right: 4px;
}

.custom-card-style {
    height: 100%;
    border-color: #333 !important;
}

[data-bs-theme="dark"] .custom-card-style {
    height: 100%;
    border-color: #f8f8f8 !important;
}

:root,
[data-bs-theme="light"] {
    --tblr-border-radius: 16px;
}

.pagination-card {
    border-color: #333;
    border-radius: 16px;
    padding: 10px;
}

.pagination-card-footer {
    border-top: none;
}

.btn {
    border-radius: 12px;
}

.btn-primary,
.btn:disabled {
    background: #000000 !important;
}

.gobiz-wa-store-cat-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

a {
    text-decoration: none !important;
}
.category-item {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
}

/* Highlight the category item when the section is in view */
.highlighted .card {
    border-color: #206bc4 !important;
    background-color: #206bc4;
}
i.ti.ti-shopping-bag {
    color: #000;
}

[data-bs-theme="dark"] i.ti.ti-shopping-bag {
    color: #ffffff;
}

[data-bs-theme="dark"] .navbar-brand-autodark .navbar-brand-image {
    filter: brightness(1) invert(0);
}

.ti.ti-shopping-bag-plus {
    font-size: 34px;
    margin-right: 5px;
}

.ti {
    font-size: 34px;
}

.card-body {
    margin: 0;
    padding: 10px;
}

.card-footer {
    margin: 0;
    padding: 10px 10px;
}

.logo-height {
    height: auto !important; /* اجعل الارتفاع تلقائيًا */
    width: auto; /* تأكد أن العرض أيضًا تلقائي */
    max-height: 60px; /* حدد أقصى ارتفاع إذا لزم الأمر */
}

.regular_price {
    font-size: 13px;
}

.form-title {
    font-size: 15px;
}

.radius-img {
    border-radius: 18px;
}

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

.ti {
    font-size: 25px;
}

.ti.ti-basket {
    font-size: 25px;
}

.ti.ti-shopping-cart {
    font-size: 25px;
    margin-right: 5px;
}

.pricing {
    font-size: 16px;
}

.name {
    font-size: 18px;
    margin-top: 5px;
}

.sub-name {
    font-size: 14px;
    color: #747272;
    font-weight: bold;
}

.card-sm > .card-body {
    padding: 5px !important;
}

@media (min-width: 328px) and (max-width: 768px) {
    .card-sm > .card-body {
        padding: 5px !important;
    }

    .card-title {
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: bold;
    }
}

/*----------------------- Preloader -----------------------*/
body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}

.btn.btn-blue.d-flex.floating-btn {
    display: none !important;
}

@media (max-width: 767px) {
    .btn.d-flex.floating-btn#place-order {
        display: flex !important;
        position: fixed !important;
        bottom: 14px;
        z-index: 998;
        height: 50px;
        width: 80%; /* عرض مناسب */
        left: 50%; /* لتوسيط الزر */
        transform: translateX(-50%); /* لتصحيح التوسيط */
    }
}

.btn.d-flex.floating-btn#place-order span {
    z-index: 998;
}

.btn.d-flex.floating-btn#place-order i {
    margin-left: 10px; /* Space between the price and the icon */
    font-size: 24px; /* Size of the icon */
}

footer.footer-transparent.d-print-none{
    display: block;
}

body[dir="rtl"] .form-label {
    font-weight:500;
    font-size:15px;
}

body[dir="rtl"] .label-container {
    position: fixed;
    left: 0px; /* Position the label on the left */
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001; /* Ensure it's above other elements */
    cursor: pointer; /* Indicate it's clickable */
    width: 50px;
}

body[dir="ltr"] .label-container {
    position: fixed;
    right: 0px; /* Position the label on the left */
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001; /* Ensure it's above other elements */
    cursor: pointer; /* Indicate it's clickable */
    width: 20px;
}


.label-button {
    color: white;
    padding: 10px 7px;
    border-radius: 5px;
    text-align: center;
    transition: background-color 0.3s, transform 0.3s; /* Smooth transition for vertical effect */
    display: inline-block;
}

.label-button.vertical {
    writing-mode: vertical-rl; /* Makes the text vertical */
    transform: translateX(-50%); /* Adjust position if needed */
}

.label-button:hover {
    background-color: #0056b3; /* Change color on hover */
}

body[dir="rtl"]  .fixed-buttons {
    position: fixed;
    left: 35px; /* Adjust position to fully show */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
    transition: opacity 0.3s ease;
    opacity: 0; /* Start hidden */
    pointer-events: none; /* Prevent interaction when hidden */
}

body[dir="ltr"] .fixed-buttons {
    position: fixed;
    right: 40px; /* Adjust position to fully show */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
    transition: opacity 0.3s ease;
    opacity: 0; /* Start hidden */
    pointer-events: none; /* Prevent interaction when hidden */
}

.fixed-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    transition: background-color 0.3s, transform 0.3s;
}

.fixed-buttons .btn-blue {
    background-color: #007bff;
}

.fixed-buttons .btn-green {
    background-color: var(--tblr-black);
}

.fixed-buttons a i {
    font-size: 28px;
}

.fixed-buttons.active {
    opacity: 1 !important; /* Show buttons when active */
    pointer-events: auto !important; /* Allow interaction when active */
}

.hidden {
    display: none; /* Hide the buttons initially */
}

.container-otp {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 10vh;
    direction: ltr;
    width: 100%;
}

.input {
    width: 40px;
    -webkit-appearance: none; /* Remove native styles */
    appearance: none;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
    margin: 0 10px;
    text-align: center;
    font-size: 25px;
}


.input:focus {
    border-bottom: 3px solid orange;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.input:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}



.disable-interactions {
    pointer-events: none;
}

button.disabled, a.disabled, input.disabled {
    opacity: 0.6;
    pointer-events: none;
}

#country_code::before {
    content: attr(data-plus);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #000;
}


.model-footer-custom{
    padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap)* .5);
    background-color: var(--tblr-modal-footer-bg);
    border-top: var(--tblr-modal-footer-border-width) solid var(--tblr-modal-footer-border-color);
    border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
    border-bottom-left-radius: var(--tblr-modal-inner-border-radius);
}
.modal-body ul {
    padding-left: 0;
    list-style-type: none;
}
.list-group-item {
    font-size: 1rem;
    padding: 0.75rem 1rem;
}
.badge.bg-success {
    font-size: 0.875rem;
}
.text-danger {
    font-style: italic;
    color: red;
}
#googleMapsLink i, .fa-calendar-alt {
transition: color 0.3s ease;
}
#googleMapsLink i:hover {
color: darkblue;
}
.fa-calendar-alt:hover {
color: #0056b3;
}
/* Reduce text size for form labels and inline options */
.small-text {
    font-size: 0.85rem; /* Smaller font size */
    font-weight: 400; /* Medium weight for better readability */
}

/* Compact input styles */
.small-inputs .form-check-input {
    width: 18px; /* Adjust width to be smaller */
    height: 18px; /* Adjust height to be smaller */
    margin-top: 0; /* Center align the input */
}



    display: grid;
    gap: 0.5rem;  /* تقليل التباعد من 1.5rem */
}

/* Product Info */
.product-info {
    display: grid;
    gap: 0.5rem;  /* تقليل التباعد من 0.75rem */
}

/* Form Elements */
.form-check {
    position: relative;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 2px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    transition: var(--transition);
    cursor: pointer;
    background-color: var(--tblr-bg-surface);
}







/* Form Elements  المربع و الدائري في اختيار الاحجام  */
.form-check {
    position: relative;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 2px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    transition: var(--transition);
    cursor: pointer;
    background-color: var(--tblr-bg-surface);
}

/* Default Input Style */
.form-check-input {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/* Radio Input Style - للاختيار الفردي */
.form-check-input[type="radio"] {
    border-radius: 10px !important;
}

.form-check-input[type="radio"]:checked {
    border-radius: 10px !important;
}

.form-check-input[type="radio"]:hover,
.form-check-input[type="radio"]:focus {
    border-radius: 10px !important;
}

/* Checkbox Input Style - للاختيار المتعدد */
.form-check-input[type="checkbox"] {
    border-radius: 5px !important;
}

.form-check-input[type="checkbox"]:checked {
    border-radius: 5px !important;
}

.form-check-input[type="checkbox"]:hover,
.form-check-input[type="checkbox"]:focus {
    border-radius: 5px !important;
}

/* Label Style */
.form-check-label {
    display: block;
    width: 100%;
    padding-right: 2rem;
    font-size:15px;
    font-weight: 500;
    color: var(--tblr-body-color);
}

/* RTL Support */
[dir="ltr"] .form-check-input {
    right: auto;
    left: 0.75rem;
}

[dir="ltr"] .form-check-label {
    padding-right: 0;
    padding-left: 2rem;
}

/* Hover & Active States */
[data-bs-theme="light"] .form-check:hover {
    border-color: var(--tblr-primary-text-emphasis);
    background-color: var(--tblr-light-bg-subtle);
}

[data-bs-theme="dark"] .form-check:hover {
    border-color: var(--tblr-primary-text-emphasis);
    background-color: var(--tblr-dark-bg-subtle);
}

/* Checked State */
.form-check-input:checked + .form-check-label {
    color: var(--tblr-secondary);
}

/* RTL Support for Input */
[dir="rtl"] .form-check-input {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Responsive */
@media (max-width: 576px) {
    .form-check {
        padding: 0.5rem;
    }
    
    .form-check-label {
        font-size: 0.9rem;
    }
}




[dir="ltr"] .form-check-input {
    right: auto;
    left: 0.75rem;
}

/* Label Style */
.form-check-label {
    display: block;
    width: 100%;
    padding-right: 2rem; /* مساحة للـ checkbox */
    font-weight: 500;
    
    color: var(--tblr-body-color);
}

[dir="ltr"] .form-check-label {
    padding-right: 0;
    padding-left: 2rem;
}

/* Hover & Active States */
.form-check:hover {
    border-color: var(--tblr-primary-rgb);
    background-color: var(--tblr-secondary-bg-rgb--tblr-bg-surface-secon
}

.form-check-input:checked + .form-check-label {
    color: var(--tblr-secondary-bg-rgb);
}

/* Footer Controls */
.model-footer-custom {
    gap: 0.5rem;  /* تقليل التباعد من 1.5rem */
    padding: 1.0rem;
}

/* Quantity Controls */
.quantity-controls {
    gap: 0.5rem;
}

/* Add to Cart Button */
#confirmSizeSelection {
    gap: 0.5rem;  /* تقليل التباعد من 0.75rem */
}

/* RTL Support */
[dir="rtl"] .form-check-input {
    margin-right: 0;
    margin-left: 0.5rem;  /* تقليل التباعد من 0.75rem */
}

/* Responsive */
@media (max-width: 576px) {
    .model-footer-custom {
        gap: 0.5rem;  /* تقليل التباعد من 1rem */
    }
}