/* ---------------------------------------------------
   GLOBAL RESET & BASE
--------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    overflow-x: hidden;
    background: #f5f7fa;
    font-family: "Noto Sans", "Noto Sans Arabic";
}

/* ---------------------------------------------------
   COLORS
--------------------------------------------------- */
.text-3b3b3b { color: #2c2c2c !important; }
.text-707070 { color: #6f6f6f !important; }
.text-blue   { color: #1a73e8 !important; }
.text-red    { color: #d93025 !important; }

.bg-red         { background-color: #d93025 !important; }
.bg-customGray  { background-color: #1f1f1f !important; }

/* ---------------------------------------------------
   CARD DESIGN (NEW)
--------------------------------------------------- */
.customIndexRequestBorderajax2 {
    background: #ffffff;
    border-radius: 14px !important;
    border: 1px solid #e1e5eb !important;
    padding: 22px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.07);
    transition: 0.25s ease;
}
.customIndexRequestBorderajax2:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    transform: translateY(-3px);
}


.hide_details2.customIndexRequestBorderajax2 {
    min-height: 620px !important;   /* طول ثابت للكارت */
    overflow: hidden !important;    /* يمنع الاسكرول */
}

/* ---------------------------------------------------
   TITLES / TEXT STYLES
--------------------------------------------------- */
.time_text,
.SF13_15Bold,
.SF12_15Bold,
.time_font {
    font-weight: 600 !important;
    letter-spacing: 0.2px;
}

.SF22_26Bold {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 28px !important;
    color: #1f1f1f !important;
    margin-bottom: 8px !important;
}

.SF14_16Medium {
    font-size: 14px !important;
    font-weight: 500 !important;
}
.SF16_19Medium {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.home_request_location {
    font-size: 18px !important;
    line-height: 22px !important;
    color: #4a4a4a !important;
}

/* ---------------------------------------------------
   ICONS
--------------------------------------------------- */
.svg_blue {
    width: 22px;
    filter: brightness(0) saturate(100%) invert(33%) sepia(94%)
            saturate(1150%) hue-rotate(190deg) brightness(90%) contrast(105%);
    opacity: 0.85;
}

/* ---------------------------------------------------
   LAYOUT UTILITIES
--------------------------------------------------- */
.w-30 { width: 32% !important; }

.row > div {
    margin-bottom: 10px;
}

/* السعر الأساسي (الرقم الأحمر الكبير) */
.SF22_26Bold.text-red {
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 30px !important;
    color: #d93025 !important;
}

/* السعر الصغير اللي بين الأقواس */
.SF16_19Bold {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #444 !important;
}

/* السعر داخل span.price-commas */
.price-commas {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1f1f1f !important;
}


.request_description,
.price-commas,
.col-9 .request_description,
.col-9 p {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

.col-9 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}



.newrequest_desc_label {
    font-size: 20px !important; /* كَبّر براحتك */
    font-weight: 700 !important; /* بولد */
    color: #2c2c2c !important; /* نفس اللون */
}





.fa-arrow-right-arrow-left {
    color: #1a73e8 !important;
    font-size: 18px;
}

/* ---------------------------------------------------
   DETAIL BUTTON
--------------------------------------------------- */
.btn.bg-red {
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: 0.2s ease;
}
.btn.bg-red:hover {
    background-color: #b5221d !important;
}

/* ---------------------------------------------------
   CITY BADGE
--------------------------------------------------- */
.bg-customGray {
    background: #1a73e8 !important;
    color: #fff !important;
    border-radius: 6px;
    font-weight: 700;
}

/* ---------------------------------------------------
   DESCRIPTION
--------------------------------------------------- */
.request_description {
    font-size: 18px !important;
    line-height: 22px !important;
    color: #4a4a4a !important;
}

/* ===============================
   FIX: Resize Requests Scroll Box
================================= */




@media (max-width: 576px) {

    /* الكارت نفسه */
    .customIndexRequestBorderajax2 {
        padding: 26px 20px !important;
    }

    .row {
        margin-bottom: 16px !important;
    }

    .row > div {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-bottom: 14px !important;
    }

    .SF22_26Bold {
        margin-bottom: 16px !important;
    }

    .w-30 p {
        margin-bottom: 8px !important;
    }

    .d-flex.align-items-center.gap-4 {
        gap: 22px !important;
        margin-bottom: 18px !important;
    }

    .newrequest_desc_label {
        margin-bottom: 10px !important;
    }

    .request_description {
        margin-bottom: 14px !important;
    }

    .btn.bg-red {
        margin-top: 10px !important;
    }


 .my-3.d-flex.flex-wrap.justify-content-around > .col-6 {
        margin-bottom: 18px !important;
    }

    /* نتأكد أن العنصر ياخد صف لوحده */
    .my-3.d-flex.flex-wrap.justify-content-around > .col-6 > div {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important; /* مسافة بين الأيقونة والنص */
    }


}