/* =============================================================
   Star @marghany — CSS
   مستخرج بالضبط من main.css + responsive.css للثيم YC
============================================================= */

/* ────────────────────────────────────────────────────────────
   النجوم — مطابق 100% للثيم الأصلي
──────────────────────────────────────────────────────────── */
.ratingServise--stars-lop i.fa-solid.fa-star,
.ratingServise--stars-lop i.fa-solid.fa-star-half-stroke {
    font-weight: 700;
    color: #ffc83d;
}
.ratingServise--stars-lop i {
    font-size: 19px;
    margin: 0 1px;
    margin-inline-start: 5px;
    font-weight: 300;
    color: #ccc;
}
.ratingServise--stars-lop {
    margin-top: 20px;
}
i.fa-solid.fa-star {
    font-size: 20px;
    margin-inline-start: 5px;
    font-weight: 300;
}

/* ────────────────────────────────────────────────────────────
   #VoteforUsParent — مطابق للثيم
──────────────────────────────────────────────────────────── */
div#VoteforUsParent {
    background: var(--uicolor, #006400);
    border-radius: var(--miniradius, 16px);
    padding: 20px;
    display: inline-block;
    position: relative;
    margin: 16px 0;
    direction: rtl;
}
div#VoteforUsParent:after {
    background: var(--uicolor, #006400);
    content: '';
    position: absolute;
    /* الثيم يضع هذا الـ selector ضمن مجموعة .menu-nav>ul>li:hover وغيرها */
}

/* ────────────────────────────────────────────────────────────
   ratetitlehead — مطابق للثيم
──────────────────────────────────────────────────────────── */
ratetitlehead {
    margin-top: 8px;
    display: block;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
}

/* ────────────────────────────────────────────────────────────
   form#ReviewSubmit — مطابق للثيم بالضبط
──────────────────────────────────────────────────────────── */
.price-block span.offer,
form#ReviewSubmit {
    border-radius: var(--miniradius, 16px);
    position: relative;  /* الثيم: position:absolute — نغيّرها لـ relative لعمل مستقل */
}
form#ReviewSubmit {
    top: unset;
    right: unset;
    transform: none;
    background: #fff;
    width: 100%;
    max-width: 340px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 58px #0c2b4540;
    margin-top: 16px;
}
form#ReviewSubmit:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 8px;
    border-color: transparent transparent #fff;
    position: absolute;
    bottom: 100%;
    right: 50%;
    transform: translate(50%);
}
form#ReviewSubmit > textarea {
    flex: 1;
    border: 0;
    width: 100%;
    padding: 12px;
    resize: none;
    font-size: 15px;
    font-family: inherit;
    min-height: 70px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
form#ReviewSubmit > button[type="submit"] {
    height: 40px;
    border: 0;
    background: 0 0;
    font-weight: 700;
    text-align: right;
    padding-right: 20px;
    border-radius: 0 0 var(--miniradius, 16px) var(--miniradius, 16px);
    cursor: pointer;
    font-family: inherit;
    color: var(--uicolor, #006400);
    transition: background .15s;
}
form#ReviewSubmit > button[type="submit"]:hover {
    background: #e6ffed;
}
form#ReviewSubmit > button[type="submit"] > i,
form#ReviewSubmit > button > i {
    display: inline-block;
    vertical-align: middle;
    padding-left: 8px;
}
form#ReviewSubmit > button.sm-close-btn {
    border: 0;
    color: #fff;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: var(--miniradius, 16px);
    cursor: pointer;
    background: var(--uicolor, #006400);
}

/* ────────────────────────────────────────────────────────────
   rate-formhead — مطابق للثيم
──────────────────────────────────────────────────────────── */
rate-formhead {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #e6ffed;
}
rate-formhead > button {
    background: var(--uicolor, #006400);
    border: 0;
    color: #fff;
    font-weight: 700;
    padding: 4px 14px;
    border-radius: var(--miniradius, 16px);
    cursor: pointer;
}
rate-formhead-score {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6ffed;
    gap: 4px;
}
rate-formhead-score > strong {
    margin-right: 8px;
}
rate-formhead-score > p > strong,
.sm-sel-num {
    display: inline-block;
    font-size: 31px;
    vertical-align: middle;
    margin-right: 5px;
    color: var(--uicolor, #006400);
}

/* ────────────────────────────────────────────────────────────
   .rate — النجوم التفاعلية (#VoteforUs .rate من الثيم)
──────────────────────────────────────────────────────────── */
.rate.sm-stars-pick {
    display: flex;
    flex-direction: row-reverse;
    gap: 6px;
    cursor: pointer;
    margin: 12px 0 6px;
}
.rate.sm-stars-pick > span {
    font-size: 28px;
    transition: transform .1s;
}
.rate.sm-stars-pick > span i {
    font-size: 26px;
    color: rgba(255,255,255,.5);
    transition: color .1s;
}
/* مطابق لـ #VoteforUs .rate>span.selected>i و span.filled>i */
#VoteforUs .rate > span.selected > i,
#VoteforUs:not(.nonefilled) .rate > span.filled > i {
    font-weight: 700;
    color: #ffc83d !important;
}

/* ────────────────────────────────────────────────────────────
   .custreviews--google-flex — مطابق للثيم بالضبط
──────────────────────────────────────────────────────────── */
.custreviews--google-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 31px;
    margin-bottom: 50px;
    margin-top: 40px;
    flex-wrap: wrap;
}
.custreviewsgoole-block {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: 0 11px 33px 8px #00640033;
}
.goole-block {
    background: linear-gradient(to left, #030126d1, #03012a);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    --primary-text: #fff;
}
.custreviewsgoole-block,
.goole-block {
    z-index: 0;
    border-radius: var(--largeradius, 30px);
    padding: 50px;
    height: 320px;
    max-width: 100%;
    gap: 20px;
    transition: .2s;
    position: relative;
    flex: 1;
    min-width: 260px;
}
.--title-goolge--,
.custreviewsgoole-info .--title-goolge--,
p.goolge-content {
    color: var(--primary-text, #fff);
}
.--title-goolge-- {
    font-size: 31px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #fff;
}
.custreviewsgoole-info p {
    color: #515867;
}
p.goolge-content {
    font-size: 20px;
    line-height: 1.6;
    font-weight: 400;
    color: #fff;
}
.custreviewsgoole-block .war-img {
    max-width: 170px;
    min-width: 131px;
    align-items: center;
}
.war-img {
    min-width: 130px;
    max-width: 110px;
    display: flex;
    align-items: end;
    bottom: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}
.war-img img {
    width: auto;
    height: auto;
}

/* ────────────────────────────────────────────────────────────
   .NoComments + .CommentsListInner — مطابق للثيم
──────────────────────────────────────────────────────────── */
.NoComments {
    background: #e4e6eb;
    color: #bcc0c4;
    font-weight: 700;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    border-radius: var(--miniradius, 16px);
}
.NoComments > i {
    font-size: 22px;
    margin-left: 10px;
}
ul.CommentsListInner {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.CommentsListInner li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 24px;
    margin-bottom: 13px;
    box-shadow: rgb(204 218 231) 0 0 2px;
    border-radius: var(--miniradius, 16px);
}
ul.CommentsListInner li > .UserAvatar {
    width: 36px;
    height: 36px;
    font-size: 29px;
    background-size: 100% 100%;
    line-height: 40px;
    text-align: center;
    color: var(--uicolor, #006400);
    margin-left: 22px;
    min-width: 36px;
}
ul.CommentsListInner li > .UserAvatar i {
    font-weight: 700;
}
ul.CommentsListInner li > .CommentContent {
    float: right;
    flex: 1 1 0%;
}
ul.CommentsListInner li > .CommentContent > .NameArea {
    font-weight: 700;
    font-size: 16px;
}
ul.CommentsListInner li > .CommentContent > .CommentDate {
    font-size: 10px;
    line-height: 16px;
    margin-bottom: 6px;
    color: #65809b;
}
.yc-review-text,
.sm-review-text {
    font-size: 14px;
    line-height: 1.6;
    margin: 4px 0 0;
    color: #171F26;
}

/* .CommentsList__Title — مطابق للثيم */
.CommentsList__Title {
    margin-right: auto;
    cursor: pointer;
    background: var(--uicolor, #006400);
    padding: 7px 17px;
    color: #fff;
    font-weight: 700;
    transition: .2s;
    font-size: 16px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    border-radius: var(--miniradius, 16px);
    margin-bottom: 10px;
}
.CommentsList__Title i {
    margin-right: 10px;
}

/* ────────────────────────────────────────────────────────────
   عناصر مساعدة إضافية للبلجن
──────────────────────────────────────────────────────────── */
.sm-rating-wrapper {
    direction: rtl;
    font-family: Alexandria, sans-serif;
    margin: 30px 0;
}
.sm-summary {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    padding: 16px 0 20px;
    border-bottom: 1px solid #e6ffed;
    margin-bottom: 20px;
}
.sm-score-wrap { text-align: center; min-width: 100px; }
.sm-score-num {
    display: block;
    font-size: 52px;
    font-weight: 700;
    color: var(--uicolor, #006400);
    line-height: 1;
}
.sm-score-count {
    display: block;
    font-size: 12px;
    color: #515867;
    margin-top: 6px;
}
.sm-bars { flex: 1; min-width: 180px; }
.sm-bar-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #515867;
}
.sm-bar-row > span:first-child { min-width: 32px; }
.sm-bar-row > .sm-bar-count   { min-width: 22px; text-align: left; }
.sm-bar-track {
    flex: 1;
    height: 7px;
    background: #e6ffed;
    border-radius: 99px;
    overflow: hidden;
}
.sm-bar-fill {
    height: 100%;
    background: #ffc83d;
    border-radius: 99px;
    transition: width .4s;
}
.sm-guest-fields input {
    display: block;
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d1d9e1;
    border-radius: var(--miniradius, 16px);
    font-size: 14px;
    font-family: inherit;
    margin-bottom: 8px;
}
.sm-alert {
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 0 0 var(--miniradius, 16px) var(--miniradius, 16px);
}
.sm-alert.ok  { color: #006400; background: #e6ffed; }
.sm-alert.err { color: #c00;    background: #ffe8e8; }
.sm-done, .sm-login {
    padding: 12px 16px;
    border-radius: var(--miniradius, 16px);
    background: #e6ffed;
    color: #006400;
    font-weight: 600;
    margin: 10px 0;
}
.sm-done i, .sm-login i { margin-left: 8px; }
.sm-load-more {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    padding: 10px;
    border: 1px solid var(--uicolor, #006400);
    border-radius: var(--miniradius, 16px);
    background: transparent;
    color: var(--uicolor, #006400);
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: background .15s;
}
.sm-load-more:hover { background: #e6ffed; }

/* Avatar اللون مع الحرف */
.sm-g-letter {
    width: 46px; height: 46px; min-width: 46px;
    border-radius: 50%;
    background: var(--uicolor, #006400);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; font-weight: 700;
}
.sm-g-avatar {
    width: 46px; height: 46px;
    border-radius: 50%; object-fit: cover;
}
.sm-g-reviewer { display: flex; gap: 12px; align-items: flex-start; }
.sm-g-date { font-size: 12px; color: #515867; font-style: normal; display: block; margin-top: 3px; }

/* ────────────────────────────────────────────────────────────
   Responsive — مطابق للثيم (responsive.css)
──────────────────────────────────────────────────────────── */
@media only screen and (max-width: 1270px) {
    .custreviewsgoole-block,
    .goole-block { padding: 34px; height: auto; }
}
@media only screen and (max-width: 768px) {
    .custreviews--google-flex { flex-direction: column; }
    .custreviews--google-flex > * { min-width: 100%; max-width: 100%; margin: 0; }
    .--title-goolge--,
    .custreviewsgoole-info .--title-goolge-- { font-size: 21px; }
    p.goolge-content { font-size: 15px; }
    .war-img {
        position: absolute;
        bottom: 30px; left: 13px;
        z-index: -1; opacity: .2; height: 140px;
    }
    form#ReviewSubmit { max-width: 100%; }
}
@media only screen and (max-width: 440px) {
    .CommentsList__Title { position: initial; margin: 0 auto 20px; }
    .CommentsList { text-align: center; }
}

/* ────────────────────────────────────────────────────────────
   Admin
──────────────────────────────────────────────────────────── */
.sm-card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 1px 4px #0002; margin-bottom:24px; }
.sm-status { padding:2px 10px; border-radius:99px; font-size:12px; font-weight:600; display:inline-block; }
.sm-st-approved { background:#e6ffed; color:#006400; }
.sm-st-pending  { background:#fff3cd; color:#856404; }
.sm-st-trash    { background:#f8d7da; color:#721c24; }