:root {
    --primary-color: #3C8981;
    --primary-color-rgb: 60, 137, 129;
    --secondary-color: #C2AC76; /* لون خوخي دافئ يكمل الأخضر */
    --secondary-color-rgb: 194, 172, 118;
    /*--secondary-color: #F4B183;*/ /* لون خوخي دافئ يكمل الأخضر */
    /*--secondary-color-rgb: 244, 177, 131;*/
    --purb-color: #5C6F7B; /* رمادي مزرق ناعم للتوازن */
    
}
.text-primary{
    color:var(--primary-color)!important;
}
.dropdown-menu {
    --phoenix-dropdown-link-active-bg: #3C8981;
}

.border-primary {
    --phoenix-border-opacity: 1;
    border-color: rgba(var(--primary-color-rgb), var(--phoenix-border-opacity)) !important;
}

[data-bs-theme="dark"] {
    --phoenix-body-color: #9fa6bc;
    --phoenix-body-color-rgb: 159, 166, 188;
    --phoenix-body-bg: #0a0f0a;
    --phoenix-body-bg-rgb: 13, 26, 13;
    --phoenix-navbar-top-bg-color: #101710;
    --phoenix-card-bg: #101710;
    --phoenix-emphasis-bg: #101710;
    --phoenix-theme-control-toggle-color: #e6f2e6;
}

[data-bs-theme=dark] .alternate-landing {
    background-color: #0a0f0a;
}
.bg-primary-subtle {
    background-color: rgba(var(--primary-color-rgb), 0.3)!important;
}
.p-2 img {
    width: 100%;
    border-radius: 20px;
    padding: 5px;
}

[data-bs-theme=dark] .gd {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 35%, #0a0f0a 80%);
    top: 0
}

.gd {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 35%, white 80%);
    top: 0
}

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

    .btn-outline-primary:hover {
        background: var(--primary-color) !important;
        color: white !important;
    }

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: var(--phoenix-breadcrumb-item-padding-x);
    padding-left: unset;
    transform: rotateZ(180deg);
}

.border-red {
    border: 1px solid red !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
}

a {
    color: var(--secondary-color);
}

.form-switch .form-check-input:checked {
    background-color: var(--secondary-color);
}

.form-check-input:checked {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

input, button, select, optgroup, textarea, label, .alert, .badge, .blockquote-footer, .btn, .google-map-control-btn .zoomIn, .google-map-control-btn .zoomOut, .tox .tox-dialog__footer .tox-button:last-child, .tox .tox-dialog__footer .tox-button--secondary, .tox .tox-button-secondary, .tox .tox-button, [data-list] .page, .table-list .page, .navbar, .pagination, .valid-feedback, .invalid-feedback {
    font-family: "Cairo", sans-serif;
}

[data-list] li.active .page, .table-list li.active .page {
    background-color: var(--primary-color);
}

.form-check-input:focus {
    border-color: var(--secondary-color);
    -webkit-box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25);
}

.form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    border-color: var(--primary-color)
}

.form-select:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
    box-shadow: inset 0 1px 2px transparent, 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25);
}

.btn-link {
    color: var(--secondary-color);
}


.btn-phoenix-primary {
    color: var(--primary-color)
}

    .btn-phoenix-primary:hover {
        color: var(--primary-color)
    }

::selection {
    background-color: var(--secondary-color) !important;
    opacity: 0.5;
}

.choices[data-type*=select-one]::after {
    right: unset;
    left: 11px
}

.choices.is-focused .choices__inner {
    -webkit-box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25) !important;
    box-shadow: inset 0 1px 2px transparent, inset 0 0 0 30px var(--phoenix-emphasis-bg), 0 0 0 0.25rem rgba(var(--primary-color-rgb), 0.25) !important;
    border-color: var(--primary-color) !important;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #574E83 !important
}

.btn-subtle-primary {
    color: var(--primary-color);
    background-color: rgba(var(--primary-color-rgb), 0.2 );
    border-color: rgba(var(--primary-color-rgb), 0.2 );
}

    .btn-subtle-primary:hover {
        color: var(--primary-color);
        background-color: rgba(var(--primary-color-rgb), 0.4 );
    }

.slider-heghit {
    height: 33vw;
}

@media only screen and (max-width: 767px) {
    .slider-heghit {
        height: 50vw;
    }
}

.bg-orange {
    background-color: var(--secondary-color) !important;
}

.color-orange {
    color: var(--secondary-color) !important;
}

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

.text-gradient-info2 {
    background: -webkit-gradient(linear, right top, right bottom, from(var(--primary-color)), to(var(--purb-color)));
    background: -o-linear-gradient(top, var(--primary-color) 0%, var(--purb-color) 100%);
    background: linear-gradient(-180deg, var(--primary-color) 0%, var(--purb-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    background-clip: text;
}

.shadow-info:before {
    background-color: var(--primary-color);
    opacity: .4;
}

.page-link.active, .active > .page-link {
    background-color: var(--purb-color);
    border-color: var(--primary-color)
}

.avatar .avatar-name {
    background-color: rgba( 130, 78, 143, 0.25);
    color: var(--primary-color)
}

.rotateBtn {
    height: 34px;
    width: 34px;
    border-radius: 17px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 0;
    font-size: 20px;
}

.choices[data-type*=select-one]::after {
    right: unset !important;
    left: 11px;
}

.form-floating > .form-select {
    padding-bottom: 6px !important;
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
    font-weight: 700;
    color: var(--primary-color);
    border-bottom-color: currentcolor;
}

.context-menu {
    display: none;
    position: absolute;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-width: 150px;
    border-radius: 5px;
}

    .context-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .context-menu li {
        padding: 8px 12px;
        cursor: pointer;
        text-align: center;
        font-size: 11pt;
    }

        .context-menu li:hover {
            background-color: #eee;
        }


.deliveryWaitingContainer {
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.or-divider {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

    .or-divider::before,
    .or-divider::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid #000;
    }

    .or-divider:not(:empty)::before {
        margin-right: 0.5em;
    }

    .or-divider:not(:empty)::after {
        margin-left: 0.5em;
    }