/* gx qa 2026-11-05 q31: v2 skin for Post a Review modal, event form/preview, My Posts (Chris t321u QA-010/018/037).
   Keeps the same form IDs so existing JS keeps working. Magnifier ratings unchanged. */
:root{--gx-g:#3B7C0F;--gx-g2:#56A018;--gx-g7:#05603A;--gx-ink:#101828;--gx-mut:#475467;--gx-line:#E4E7EC;--gx-bg:#F9FAFB}

/* ---- shared green buttons (replace yellow) ---- */
.gx-v2skin .btn.yellow-btn,
.gx-v2skin .btn.yellow-white-btn,
.gx-v2skin .btn.admin-btn.yellow-btn,
.gx-v2skin .btn.admin-btn.yellow-white-btn,
.gx-v2skin a.btn.yellow-btn,
.gx-v2skin a.btn.yellow-white-btn,
#writeReview.gx-v2skin .btn.yellow-btn,
#writeReview.gx-v2skin .btn.yellow-white-btn,
#writeReview.gx-v2skin .btn.admin-btn,
.gxom-evframe .btn.yellow-btn,
.gxom-evframe .btn.yellow-white-btn,
.preview_event_page .btn.yellow-btn,
.gxd-myposts .btn.yellow-btn,
.gxd-myposts .btn.yellow-white-btn,
.gxd-myposts .btn.admin-btn.yellow-btn,
.gxd-myposts .btn.admin-btn.yellow-white-btn{
  background:var(--gx-g)!important;border:1px solid var(--gx-g)!important;color:#fff!important;
  border-radius:12px!important;font-weight:700!important;letter-spacing:.01em;
  box-shadow:none!important;text-shadow:none!important;
  padding:10px 18px!important;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.gx-v2skin .btn.yellow-white-btn,
#writeReview.gx-v2skin .btn.yellow-white-btn,
.gxd-myposts .btn.yellow-white-btn,
.gxd-myposts .btn.admin-btn.yellow-white-btn{
  background:#fff!important;color:var(--gx-g7)!important;border-color:var(--gx-g)!important;
}
.gx-v2skin .btn.yellow-btn:hover,
.gxom-evframe .btn.yellow-btn:hover,
.gxd-myposts .btn.yellow-btn:hover,
#writeReview.gx-v2skin .btn.yellow-btn:hover{background:var(--gx-g2)!important;border-color:var(--gx-g2)!important;color:#fff!important}

/* ---- Post a Review modal (QA-010) ---- */
#writeReview.gx-v2skin .modal-dialog{max-width:640px;margin:1.5rem auto}
#writeReview.gx-v2skin .modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(16,24,40,.18)}
#writeReview.gx-v2skin .modal-body{padding:0;background:#fff}
#writeReview.gx-v2skin .top-img-section,
#writeReview.gx-v2skin .col-lg-4.col-md-4{display:none!important}
#writeReview.gx-v2skin .col-lg-8.col-md-8{width:100%!important;max-width:100%!important;flex:0 0 100%;padding:22px 24px 28px}
#writeReview.gx-v2skin .heading-secion{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--gx-line)}
#writeReview.gx-v2skin .light-heading{font-size:22px;font-weight:800;color:var(--gx-ink);margin:0;text-align:left!important;letter-spacing:-.02em}
#writeReview.gx-v2skin .light-heading:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--gx-g);margin-right:8px;vertical-align:middle}
#writeReview.gx-v2skin label,
#writeReview.gx-v2skin h3{font-size:14px;font-weight:700;color:var(--gx-ink)}
#writeReview.gx-v2skin .form-control{border-radius:10px;border-color:var(--gx-line);box-shadow:none;padding:10px 12px}
#writeReview.gx-v2skin .form-control:focus{border-color:var(--gx-g);box-shadow:0 0 0 3px rgba(59,124,15,.15)}
#writeReview.gx-v2skin .btn-defult.commom-btn,
#writeReview.gx-v2skin .btn.btn-defult{border-radius:999px!important;border:1px solid var(--gx-line)!important;background:#fff!important;color:var(--gx-mut)!important;font-weight:600}
#writeReview.gx-v2skin .btn-defult.commom-btn.active,
#writeReview.gx-v2skin .btn.btn-defult.active{background:var(--gx-g)!important;border-color:var(--gx-g)!important;color:#fff!important}
#writeReview.gx-v2skin .rating-ul{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
#writeReview.gx-v2skin #post-review{background:var(--gx-g)!important;border:1px solid var(--gx-g)!important;color:#fff!important;border-radius:12px!important;font-weight:700;padding:10px 22px!important}
@media(max-width:767px){
  #writeReview.gx-v2skin .modal-dialog{margin:.5rem}
  #writeReview.gx-v2skin .col-lg-8.col-md-8{padding:16px}
}

/* ---- Event form / preview (QA-018) ---- */
.gxom-evframe .add_event_listing .bg-white,
.gxom-evframe .bg-white.border{border:1px solid var(--gx-line)!important;border-radius:16px!important;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.gxom-evframe .add_event_listing label{font-size:13.5px;font-weight:700;color:var(--gx-ink)}
.gxom-evframe .add_event_listing .form-control,
.gxom-evframe .add_event_listing select.form-control{border-radius:10px;border-color:var(--gx-line)}
.gxom-evframe .preview_event_btn,
.preview_event_page .preview_event_btn1{min-width:140px}
.gxom-evframe .breadcrumbs,
.preview_event_page .breadcrumbs{display:none!important}
/* soften CKEditor chrome */
.gxom-evframe .cke{border-radius:10px!important;border-color:var(--gx-line)!important;overflow:hidden}

/* ---- My Posts & Activity (QA-037) ---- */
.gxd-myposts .admin-btn,
.gxd-myposts .yellow-btn,
.gxd-myposts .yellow-white-btn{text-transform:none}
.gxd-myposts textarea.form-control,
.gxd-myposts .post-box,
.gxd-myposts .bg-white{border-radius:14px}