/* ==========================================================
   POWER GSM - site-wide header / footer / page title / login / registration
   Loaded LAST in <head> (after the DHRU theme CSS) from header.tpl
   ========================================================== */
:root{
  --pg-yellow:#FDD400; --pg-yellow-2:#FFE14D; --pg-ink:#231F20; --pg-ink-2:#2B2728; --pg-ink-3:#3A3536;
  --pg-silver:#E6E7E8; --pg-silver-2:#A7A9AC;
  --pg-font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --pg-disp:"Noto Kufi Arabic","IBM Plex Sans Arabic",Tahoma,sans-serif;
}

/* ---------------- header ---------------- */
body > header{background:var(--pg-ink)!important;border:0!important;box-shadow:0 1px 0 var(--pg-ink-3)!important;font-family:var(--pg-font);position:relative;z-index:50}
body > header .header-top{background:#1A1718!important;border:0!important;font-size:13px}
body > header .header-top .nav-link,body > header .header-top span,body > header .header-top a{color:var(--pg-silver-2)!important}
body > header .header-top a:hover{color:var(--pg-yellow)!important}
body > header .header-top .container{min-height:38px;display:flex;align-items:center}

body > header .header-middle{background:var(--pg-ink)!important;border:0!important;position:relative;overflow:visible}
body > header .header-middle::after{content:"";position:absolute;inset-inline-end:0;bottom:0;width:40%;height:3px;background:linear-gradient(90deg,transparent,var(--pg-yellow));pointer-events:none}
body > header .header-middle .container>nav{min-height:72px;display:flex;align-items:center;gap:12px}
body > header .navbar-brand{padding:6px 0!important;margin-inline-end:auto}
body > header .navbar-brand img{height:46px!important;width:auto!important;max-height:none!important;background:transparent!important}
body > header .navbar-toggler{color:var(--pg-silver)!important;border:1px solid var(--pg-ink-3)!important;border-radius:9px!important;padding:8px 12px!important;font-size:18px}

body > header .navbar-mastermenu{align-items:center;gap:4px}
body > header .navbar-mastermenu > .nav-item > .nav-link{color:var(--pg-silver)!important;background:transparent!important;font:600 14.5px/1 var(--pg-font)!important;padding:12px 12px!important;border-radius:8px;position:relative;white-space:nowrap}
body > header .navbar-mastermenu > .nav-item > .nav-link:hover,
body > header .navbar-mastermenu > .nav-item.show > .nav-link{color:#fff!important;background:var(--pg-ink-2)!important}
body > header .navbar-mastermenu > .nav-item > .nav-link i{color:var(--pg-silver-2);font-size:11px;margin-inline-start:4px}

body > header .dropdown-menu{background:var(--pg-ink-2)!important;border:1px solid var(--pg-ink-3)!important;border-radius:12px!important;padding:6px!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)!important;margin-top:6px!important}
body > header .dropdown-menu .dropdown-item{color:var(--pg-silver)!important;border-radius:8px;padding:9px 12px!important;font:500 14px/1.4 var(--pg-font)!important;background:transparent!important}
body > header .dropdown-menu .dropdown-item:hover{background:var(--pg-ink-3)!important;color:var(--pg-yellow)!important}
body > header .dropdown-menu .dropdown-divider{border-color:var(--pg-ink-3)!important}
body > header .dropdown-menu .text-muted{color:var(--pg-silver-2)!important}
body > header .dropdown-menu .text-danger{color:#FF7A6B!important}

/* sign up + login buttons */
body > header .nav-item.pg-signup .nav-link{background:var(--pg-yellow)!important;color:var(--pg-ink)!important;border-radius:9px!important;padding:11px 16px!important;font-weight:700!important;margin-inline-start:6px}
body > header .nav-item.pg-signup .nav-link:hover{background:var(--pg-yellow-2)!important;color:var(--pg-ink)!important}
body > header .nav-item.login > div{padding:0!important}
body > header .nav-item.login .nav-link.btn{background:transparent!important;border:1.5px solid #5E5F63!important;color:var(--pg-silver)!important;border-radius:9px!important;padding:9px 14px!important;font:600 14px/1 var(--pg-font)!important}
body > header .nav-item.login .nav-link.btn:hover{border-color:var(--pg-silver)!important;color:#fff!important}
body > header .nav-item.login .lg-icon{margin-inline-end:6px}

/* logged-in profile */
body > header .nav-item.profile .nav-link{color:var(--pg-silver)!important}
body > header .user-balance small{font-weight:700}
body > header .user-balance.text-success{color:#3DBE74!important}

/* mobile side menu */
.modal-menu .modal-content{background:var(--pg-ink)!important;color:var(--pg-silver)!important}
.modal-menu .modal-header{background:#1A1718!important;border-bottom:1px solid var(--pg-ink-3)!important}
.modal-menu .modal-header .btn.text-black{background:var(--pg-yellow)!important;color:var(--pg-ink)!important;font-weight:700}
.modal-menu .modal-header .btn.bg-primary{background:transparent!important;border:1.5px solid #5E5F63!important;color:var(--pg-silver)!important}
.modal-menu .modal-body .nav-link,.modal-menu .modal-body .dropdown-item{color:var(--pg-silver)!important;font-family:var(--pg-font)}
.modal-menu .modal-body .nav-link:hover,.modal-menu .modal-body .dropdown-item:hover{color:var(--pg-yellow)!important;background:transparent!important}
.modal-menu .modal-body .dropdown-menu{background:var(--pg-ink-2)!important;border:0!important}
.modal-menu .navbar-brand{color:#fff!important}

/* ---------------- inner page title band ---------------- */
body .page-title{font-family:var(--pg-disp)!important;font-weight:800!important;display:flex;align-items:center;gap:12px}
body .bg-white.border-bottom .page-title::before{content:"";width:6px;height:1em;background:var(--pg-yellow);transform:skewX(-18deg);flex:none}
body .breadcrumb a:hover{color:inherit}

/* ---------------- footer ---------------- */
footer .footer-top{background:var(--pg-ink)!important;border:0!important;color:var(--pg-silver-2)!important;font-family:var(--pg-font)}
footer .footer-bottom{background:#1A1718!important;color:var(--pg-silver-2)!important;font-family:var(--pg-font);border-top:1px solid var(--pg-ink-3)}
footer .link-heading{color:#fff!important;font-family:var(--pg-disp)!important;font-weight:700!important;font-size:15px!important;display:flex;align-items:center;gap:10px}
footer .link-heading::before{content:"";width:5px;height:1em;background:var(--pg-yellow);transform:skewX(-18deg);flex:none}
footer .nav-link,footer span,footer small{color:var(--pg-silver-2)!important}
footer a.nav-link:hover{color:var(--pg-yellow)!important}
footer .social-icons .nav-link{width:38px;height:38px;display:grid!important;place-items:center;border:1px solid var(--pg-ink-3);border-radius:9px;margin-inline-end:6px;padding:0!important}
footer .social-icons .nav-link:hover{border-color:var(--pg-yellow)}
footer .btn-newsletter{background:var(--pg-yellow)!important;color:var(--pg-ink)!important;border:0!important;border-radius:9px!important;font-weight:700}

/* ---------------- login (modal + page) ---------------- */
.page-login .card,#login .modal-content{border:0!important;border-radius:16px!important;overflow:hidden}
.page-login .page-title{font-size:20px!important}
.page-login .form-control,.page-login .input-group-text{border-radius:10px!important;min-height:46px}
.page-login .input-group-prepend .input-group-text{border-start-end-radius:0!important;border-end-end-radius:0!important}
.page-login .btn-primary,.page-registration .btn-primary,.page-registration .btn.forward,.page-registration .btn.finished{background:var(--pg-yellow)!important;border-color:var(--pg-yellow)!important;color:var(--pg-ink)!important;font-weight:700!important;border-radius:10px!important;min-height:46px}
.page-login .btn-primary:hover,.page-registration .btn-primary:hover{background:var(--pg-yellow-2)!important}

/* ---------------- registration ---------------- */
.card-registration{border-radius:16px!important;overflow:hidden}
.page-registration{font-family:var(--pg-font)}
.page-registration .wizard-title{font-family:var(--pg-disp)!important;font-weight:800!important;font-size:22px!important;margin-bottom:6px!important}
.page-registration .nav-wizard{display:flex!important;gap:6px;border:0!important;margin:12px 0 4px!important}
.page-registration .nav-wizard .nav-item{flex:1;margin:0!important}
.page-registration .nav-wizard .nav-link{height:6px!important;padding:0!important;border:0!important;border-radius:4px!important;background:#DEDFE1!important;pointer-events:none}
.page-registration .nav-wizard .nav-item.checked .nav-link{background:var(--pg-yellow)!important}
.page-registration .tab-pane > div > h5,.page-registration .tab-pane > h5{display:none}
.page-registration .form-control{border-radius:10px!important;min-height:46px}
.page-registration .form-label{font-weight:600;font-size:13.5px}
.page-registration .btn-secondary.backward{background:transparent!important;border:1.5px solid #DEDFE1!important;color:inherit!important;border-radius:10px!important;min-height:46px}

/* ---- v2: login modal ---- */
#login .modal-content{border:0!important;border-radius:16px!important;overflow:hidden;font-family:var(--pg-font)}
#login .modal-header{background:var(--pg-ink)!important;color:#fff!important;border:0!important;padding:16px 20px!important;position:relative}
#login .modal-header::after{content:"";position:absolute;inset-inline-end:0;bottom:0;width:45%;height:3px;background:linear-gradient(90deg,transparent,var(--pg-yellow))}
#login .modal-title,#login .modal-header h5,#login .modal-header h4{color:#fff!important;font-family:var(--pg-disp)!important;font-weight:800!important}
#login .modal-header .close{color:#fff!important;opacity:.8;text-shadow:none!important}
#login .form-control,#login .input-group-text{border-radius:10px!important;min-height:46px}
#login .input-group-prepend .input-group-text{border-start-end-radius:0!important;border-end-end-radius:0!important}
#login .input-group .form-control{border-start-start-radius:0!important;border-end-start-radius:0!important}
#login .btn-primary,#login .loginbuttons{background:var(--pg-yellow)!important;border-color:var(--pg-yellow)!important;color:var(--pg-ink)!important;font-weight:700!important;border-radius:10px!important;min-height:46px}
#login .btn-primary:hover{background:var(--pg-yellow-2)!important}
#login a,#login .cursor-pointer{color:inherit}

/* ---- v2: top line - hide phone/email everywhere, hide whole line on homepage ---- */
body > header .header-top span.nav-link{display:none!important}
body.page-index > header .header-top{display:none!important}

/* ---- v2: hide duplicate Registration menu link (keep the yellow button) ---- */
body > header .navbar-mastermenu > .nav-item:not(.pg-signup):has(> a[href*="register"]){display:none!important}

/* ---- v3: keep dropdowns open while moving the mouse into them ---- */
body > header .dropdown-menu{margin-top:0!important}
body > header .navbar-mastermenu > .nav-item{position:relative}
body > header .navbar-mastermenu .dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px;background:transparent}
body > header .navbar-mastermenu > .nav-item.dropdown > .nav-link{padding-block:16px!important}

/* ================= v4: brand layer for all inner pages ================= */
:root{--pg-link:#231F20;--pg-link-h:#8A6F00;--pg-line:#E3E4E6;--pg-soft:#F5F5F6;--pg-muted:#6B6C70}
:root:has(link[href*="themes/dark.css"]){--pg-link:#FDD400;--pg-link-h:#FFE14D;--pg-line:#363132;--pg-soft:#1F1C1D;--pg-muted:#A7A9AC}

/* links & headings */
.body-container a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link){color:var(--pg-link)!important}
.body-container a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):hover{color:var(--pg-link-h)!important}
.body-container h2,.body-container h3,.body-container h4{font-family:var(--pg-disp);font-weight:800}

/* cards & panels */
.body-container .card{border:1px solid var(--pg-line)!important;border-radius:14px!important;box-shadow:none!important}

/* forms */
.body-container .form-control,.body-container .custom-select,.body-container .chosen-container .chosen-single,.modal .form-control{border-radius:10px!important;border-color:var(--pg-line)!important;min-height:42px}
.body-container .form-control:focus,.modal .form-control:focus{border-color:#231F20!important;box-shadow:0 0 0 3px rgba(253,212,0,.35)!important}
.body-container .custom-control-input:checked~.custom-control-label::before{background:#231F20!important;border-color:#231F20!important}

/* buttons */
.body-container .btn,.modal .btn{border-radius:9px!important;font-weight:600}
.body-container .btn-primary,.modal .btn-primary{background:var(--pg-yellow)!important;border-color:var(--pg-yellow)!important;color:var(--pg-ink)!important}
.body-container .btn-primary:hover,.modal .btn-primary:hover{background:var(--pg-yellow-2)!important}
.body-container .btn-light,.body-container .btn-secondary,.body-container .btn-default{background:var(--pg-soft)!important;border:1px solid var(--pg-line)!important;color:inherit!important}
.body-container .btn-light:hover,.body-container .btn-secondary:hover,.body-container .btn-default:hover{border-color:currentColor!important}

/* status badges - soft pills */
.badge{border-radius:6px!important;padding:.38em .65em!important;font-weight:700!important;letter-spacing:.02em}
.badge-success{background:#E3F4EA!important;color:#1A7A43!important}
.badge-danger{background:#FBE4E1!important;color:#B7352A!important}
.badge-warning{background:#FFF3BF!important;color:#7A5D00!important}
.badge-info,.badge-primary{background:#231F20!important;color:#FDD400!important}
.badge-secondary{background:#ECEDEE!important;color:#3A3536!important}
:root:has(link[href*="themes/dark.css"]) .badge-success{background:rgba(61,190,116,.18)!important;color:#5FD08F!important}
:root:has(link[href*="themes/dark.css"]) .badge-danger{background:rgba(230,107,91,.18)!important;color:#F08A7D!important}
:root:has(link[href*="themes/dark.css"]) .badge-warning{background:rgba(253,212,0,.16)!important;color:#FDD400!important}

/* tables */
.body-container .table thead th{font-size:12px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-muted)!important;border-top:0!important;border-bottom:1px solid var(--pg-line)!important}
.body-container .table td{border-color:var(--pg-line)!important;vertical-align:middle!important}
.body-container .table tbody tr{transition:background .12s}
.body-container .table tbody tr:hover{background:var(--pg-soft)!important}

/* pagination & tabs */
.page-link{color:var(--pg-link)!important;border-color:var(--pg-line)!important}
.page-item.active .page-link{background:#231F20!important;border-color:#231F20!important;color:#FDD400!important}
.body-container .nav-tabs .nav-link.active{border-bottom:3px solid var(--pg-yellow)!important}

/* every modal (order details, forms...) */
.modal .modal-content{border:0!important;border-radius:16px!important;overflow:hidden}
.modal .modal-header{background:#231F20!important;color:#fff!important;border:0!important;position:relative}
.modal .modal-header::after{content:"";position:absolute;inset-inline-end:0;bottom:0;width:45%;height:3px;background:linear-gradient(90deg,transparent,#FDD400)}
.modal .modal-title,.modal .modal-header h4,.modal .modal-header h5{color:#fff!important;font-family:var(--pg-disp)!important;font-weight:800!important}
.modal .modal-header .close{color:#fff!important;opacity:.85;text-shadow:none!important}
.modal .bg-light,.modal .alert-info,.modal .alert-primary{background:var(--pg-soft)!important;border:1px solid var(--pg-line)!important;color:inherit!important}
.modal pre,.modal code{background:var(--pg-soft)!important;border:1px solid var(--pg-line);border-radius:10px;color:inherit}

/* ================= v5: service cards (Place an order) ================= */
.service-list .group h3.title{font-family:var(--pg-disp)!important;font-weight:800!important;font-size:22px!important;color:inherit!important;display:flex;align-items:center;gap:12px;margin:8px 0 14px!important}
.service-list .group h3.title::before{content:"";width:6px;height:1em;background:var(--pg-yellow);transform:skewX(-18deg);flex:none}
.service-list .card-product{border:1px solid var(--pg-line)!important;border-radius:14px!important;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s;padding:12px!important}
.service-list .service:hover .card-product{border-color:currentColor!important;transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.35)!important}
.service-list .card-product > .row{align-items:center;flex-wrap:nowrap;margin:0!important}
.service-list .col-group-icon{padding:0!important;flex:none}
.service-list .col-group-icon .bg-gray{position:relative;overflow:hidden;width:64px;height:64px!important;min-height:64px;justify-content:center;border-radius:12px;padding:0!important;background:#231F20!important;color:#E6E7E8!important;font:italic 800 22px/1 "Barlow Condensed","Arial Narrow",sans-serif!important;letter-spacing:.02em}
.service-list .col-group-icon .bg-gray::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 62%,#FDD400 62% 67%,transparent 67%);pointer-events:none}
.service-list .service:nth-child(3n+2) .col-group-icon .bg-gray{background:linear-gradient(160deg,#E6E7E8,#A7A9AC)!important;color:#231F20!important}
.service-list .service:nth-child(3n+3) .col-group-icon .bg-gray{background:#FDD400!important;color:#231F20!important}
.service-list .service:nth-child(3n+3) .col-group-icon .bg-gray::after{background:linear-gradient(125deg,transparent 0 62%,#231F20 62% 65%,transparent 65%)}
.service-list .card-product .searchme{font-weight:600;font-size:15px;line-height:1.45}
.service-list .card-product .text-muted{font-size:12.5px;margin:2px 0 6px}
.service-list .card-product .badge-success{font-size:13px!important}
.service-list .card-product [style*="009fff"]{color:#B88A00!important}
.service-list .card-product .textred{background:#B7352A;color:#fff;border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700}
.service-list .col.mw-360{min-width:0;padding-inline-start:14px!important}

/* ================= v6: calmer service cards - no letter tiles ================= */
.service-list .col-group-icon{display:none!important}
.service-list .col.mw-360{padding-inline-start:4px!important}
.service-list .card-product{position:relative;padding:16px 18px!important}
.service-list .card-product::before{content:"";position:absolute;inset-block:14px;inset-inline-start:0;width:4px;border-radius:0 4px 4px 0;background:var(--pg-yellow);transform:scaleY(0);transition:transform .18s}
.service-list .service:hover .card-product::before{transform:scaleY(1)}
.service-list .service:hover .card-product{transform:none;box-shadow:0 8px 22px -16px rgba(0,0,0,.35)!important}
.service-list .card-product .searchme{font-size:15.5px;font-weight:600}
.service-list .card-product .text-muted{display:none}
.service-list .card-product .badge-success{font-size:14px!important;padding:.4em .7em!important}
.service-list .card-product .badge-warning{background:transparent!important;color:var(--pg-muted)!important;font-weight:600!important;padding-inline:4px!important}
.service-list .card-product .badge-warning::before{content:"⏱ ";}

/* ================= v7: client dashboard ================= */
/* balance card = hero */
.client-area .col-left > .card{background:#231F20!important;color:#E6E7E8!important;border:0!important;position:relative;overflow:hidden}
.client-area .col-left > .card::after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 72%,#FDD400 72% 74%,transparent 74% 77%,rgba(253,212,0,.3) 77% 77.6%,transparent 77.6%);pointer-events:none}
.client-area .col-left > .card > *{position:relative;z-index:1}
.client-area .col-left > .card .text-muted{color:#A7A9AC!important}
.client-area .col-left > .card .big-font{color:#fff!important;font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-style:italic;font-weight:800!important;font-size:46px!important}
.client-area .col-left > .card .btn-primary{box-shadow:0 6px 18px -8px rgba(253,212,0,.7)}
.client-area .card-unpaid-balance .big-font{font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-style:italic;font-weight:800!important;font-size:46px!important}

/* 2FA / info banners */
.client-area .alert-info{background:#FFF8D6!important;color:#231F20!important;border:0!important;border-inline-start:4px solid #FDD400!important;border-radius:12px!important}
.client-area .alert-info a{background:#231F20!important;color:#FDD400!important;border-radius:7px;padding:3px 10px;font-weight:700;text-decoration:none!important}
:root:has(link[href*="themes/dark.css"]) .client-area .alert-info{background:rgba(253,212,0,.12)!important;color:#ECEDEE!important}

/* receipts / locked amount */
.client-area .card-othercredit .rounded-circle{width:56px;height:56px;margin:0 auto;display:grid;place-items:center;background:rgba(253,212,0,.2);color:#231F20}
:root:has(link[href*="themes/dark.css"]) .client-area .card-othercredit .rounded-circle{color:#FDD400}
.client-area .card-othercredit .rounded-circle i{font-size:22px!important}
.client-area .card-othercredit h4{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-style:italic;font-weight:800;font-size:30px}

/* order status cards */
.client-area .card-area-status{border-top:4px solid transparent!important}
.client-area .card-order-success{border-top-color:#1F8A4C!important}
.client-area .card-order-process{border-top-color:#FDD400!important}
.client-area .card-order-fail{border-top-color:#C0392B!important}
.client-area .card-area-status .h2{color:inherit!important;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-style:italic;font-weight:800!important;font-size:42px}
.client-area .card-area-status .bg-light{background:var(--pg-line)!important;height:6px}
.client-area .card-area-status .progressbar{height:6px}
.client-area .card-area-status .bg-info{background:#FDD400!important}
.client-area .card-area-status .bg-success{background:#1F8A4C!important}
.client-area .card-area-status .bg-danger{background:#C0392B!important}

/* announcements */
.client-area .card-announcement .card-title{font-family:var(--pg-disp)!important;font-weight:800!important;display:flex;align-items:center;gap:10px}
.client-area .card-announcement .card-title::before{content:"";width:5px;height:1em;background:#FDD400;transform:skewX(-18deg)}
.client-area .card-announcement #carousel-announcements a{color:inherit!important}
.client-area .btn[style*="0288CB"],.client-area .btn[style*="9EC038"]{border-radius:9px!important}

/* ================= v8: add funds + info banners everywhere ================= */
.body-container .alert-info{background:#FFF8D6!important;color:#231F20!important;border:0!important;border-inline-start:4px solid #FDD400!important;border-radius:12px!important}
.body-container .alert-info a{color:#231F20!important;font-weight:700;text-decoration:underline!important}
:root:has(link[href*="themes/dark.css"]) .body-container .alert-info{background:rgba(253,212,0,.12)!important;color:#ECEDEE!important}
:root:has(link[href*="themes/dark.css"]) .body-container .alert-info a{color:#FDD400!important}

/* current balance */
.app-content-header .current-balance h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-style:italic;font-weight:800!important;font-size:44px!important;letter-spacing:.01em}
.app-content-header .current-balance small{text-transform:uppercase;letter-spacing:.08em;font-size:11.5px}

/* amount input */
.card-app .updateno{font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-style:italic;font-weight:800!important;font-size:34px!important;min-height:64px!important;border-width:2px!important}
.card-app .min-max small{font-size:12px}

/* payment gateways as selectable cards */
.card-app .border.p-4.rounded{border:0!important;padding:0!important}
.card-app .custom-radio{padding:0!important;margin:0 0 10px!important}
.card-app .custom-radio .custom-control-label{display:flex!important;align-items:center;gap:10px;width:100%;min-height:56px;padding:12px 14px 12px 44px!important;border:1.5px solid var(--pg-line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s;font-weight:600}
[dir="rtl"] .card-app .custom-radio .custom-control-label{padding:12px 44px 12px 14px!important}
.card-app .custom-radio .custom-control-label::before,.card-app .custom-radio .custom-control-label::after{top:50%!important;transform:translateY(-50%);left:16px!important}
[dir="rtl"] .card-app .custom-radio .custom-control-label::before,[dir="rtl"] .card-app .custom-radio .custom-control-label::after{left:auto!important;right:16px!important}
.card-app .custom-radio .custom-control-label:hover{border-color:currentColor}
.card-app .custom-radio .custom-control-input:checked ~ .custom-control-label{border-color:#FDD400!important;background:rgba(253,212,0,.10)}
.card-app .custom-radio .custom-control-label .form-control,.card-app .custom-radio .custom-control-label > *{border:0!important;background:transparent!important}
.card-app .custom-radio .custom-control-label img{max-height:28px;width:auto}

/* totals */
.card-app .price-details .table td{border:0!important;padding:8px 6px!important}
.card-app .price-details .table tr:not(:last-child) td{border-bottom:1px dashed var(--pg-line)!important}
.card-app .price-details .seperator-colon{width:1px;padding:0!important}
.card-app .total-paynow,.card-app .double-border{color:inherit!important;font-family:"Barlow Condensed","Arial Narrow",sans-serif!important;font-style:italic;font-weight:800!important;font-size:28px!important}
.card-app .d-actionbar-mobile{border-top:1px solid var(--pg-line)!important;padding-top:16px!important}
.card-app .d-actionbar-mobile .btn-primary{min-height:46px;padding-inline:22px!important}

/* ================= v9: add funds - gateway select as the card ================= */
/* hide the empty radio that sits next to the gateway dropdown (it is auto-checked by the dropdown) */
.card-app .custom-radio:has(#custom-gateway){position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px;height:1px;overflow:hidden;margin:0!important}
.card-app .d-flex:has(#custom-gateway){margin-top:0!important}
/* the dropdown itself */
.card-app select[name="method"]{margin-top:0!important;width:100%;min-height:58px!important;padding:12px 44px 12px 16px!important;border:1.5px solid #FDD400!important;border-radius:12px!important;background-color:rgba(253,212,0,.08)!important;font-weight:700!important;font-size:15px!important;cursor:pointer;appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23231F20' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important}
[dir="rtl"] .card-app select[name="method"]{padding:12px 16px 12px 44px!important;background-position:left 16px center!important}
:root:has(link[href*="themes/dark.css"]) .card-app select[name="method"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23FDD400' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}
.card-app select[name="method"]:focus{box-shadow:0 0 0 3px rgba(253,212,0,.35)!important}
/* label above the dropdown */
.card-app .form-group.mb-0:has(select[name="method"])::before{content:"Payment method";display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-muted);margin:4px 0 8px}
/* total colour */
.card-app .double-border,.card-app .double-border *{color:inherit!important}
.card-app .double-border{font-size:30px!important}

/* ---- v10: hide duplicate Registration menu link (href may be registration/register) ---- */
body > header .navbar-mastermenu > .nav-item:not(.pg-signup):has(> a[href*="regist"]){display:none!important}

/* ================= v11: public reseller pricing tables ================= */
.reseller-pricing .group.card{border:1px solid var(--pg-line)!important;border-radius:14px!important;overflow:hidden;padding:6px 8px!important}
.reseller-pricing .table{margin:0!important}
.reseller-pricing .table thead th{background:transparent!important;vertical-align:bottom!important;padding:16px 12px 12px!important}
.reseller-pricing .table thead th h5{margin:0!important;font-family:var(--pg-disp)!important;font-weight:800!important;font-size:18px!important;text-transform:none!important;letter-spacing:0!important;color:inherit!important;display:flex;align-items:center;gap:10px}
.reseller-pricing .table thead th h5::before{content:"";width:5px;height:1em;background:#FDD400;transform:skewX(-18deg);flex:none}
.reseller-pricing .table-striped tbody tr:nth-of-type(odd){background:transparent!important}
.reseller-pricing .table td{padding:13px 12px!important}
.reseller-pricing .table .border-left{border-left:0!important}
/* gear icon column: hide default gear, keep custom icons */
.reseller-pricing tbody td:first-child{width:6px;padding:0!important}
.reseller-pricing tbody td:first-child .fa-cogs{display:none}
.reseller-pricing tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 #FDD400}
[dir="rtl"] .reseller-pricing tbody tr:hover td:first-child{box-shadow:inset -3px 0 0 #FDD400}
/* name, time, price */
.reseller-pricing .searchme{font-weight:600;font-size:15px;color:inherit!important;cursor:pointer}
.reseller-pricing tbody tr:hover .searchme{text-decoration:underline;text-decoration-color:#FDD400;text-decoration-thickness:2px;text-underline-offset:4px}
.reseller-pricing tbody td.text-center{color:var(--pg-muted);font-size:13.5px;white-space:nowrap}
.reseller-pricing tbody td.text-center span>span::before{content:"⏱ ";opacity:.8}
.reseller-pricing tbody td.text-right .nowrap:not(.discount){font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-style:italic;font-weight:800;font-size:20px;white-space:nowrap}
.reseller-pricing tbody td.text-right .prefix,.reseller-pricing tbody td.text-right .suffix{font-size:.75em;opacity:.6;margin-inline:1px}
.reseller-pricing .discount.red{text-decoration:line-through;color:var(--pg-muted)!important;font-size:13px;margin-inline-end:6px}
/* HOT rows */
.reseller-pricing tr.hottest td{background:rgba(253,212,0,.10)!important}
.reseller-pricing tr.hottest .searchme::after{content:"HOT";margin-inline-start:8px;background:#231F20;color:#FDD400;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:2px 7px;border-radius:5px;vertical-align:middle}
/* filter bar */
.reseller-pricing .card-search .form-control{background:var(--pg-soft,#F5F5F6)}

/* ================= v12: readable buttons inside yellow info banners ================= */
body .body-container .alert-info a,
body .body-container .alert-info a[style]{display:inline-block;background:#231F20!important;color:#FFFFFF!important;text-decoration:none!important;padding:6px 14px!important;border-radius:8px!important;font-weight:700!important;line-height:1.2;transition:color .15s}
body .body-container .alert-info a:hover{color:#FDD400!important}
:root:has(link[href*="themes/dark.css"]) body .body-container .alert-info a,
:root:has(link[href*="themes/dark.css"]) body .body-container .alert-info a[style]{background:#FDD400!important;color:#231F20!important}
:root:has(link[href*="themes/dark.css"]) body .body-container .alert-info a:hover{background:#FFE14D!important;color:#231F20!important}

/* ---- v13: force readable text on banner buttons (beats the global link colour rule) ---- */
.body-container .alert-info a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link),
.body-container .alert-info a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link) *{color:#FFFFFF!important}
.body-container .alert-info a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):hover,
.body-container .alert-info a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):hover *{color:#FDD400!important}
:root:has(link[href*="themes/dark.css"]) .body-container .alert-info a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link),
:root:has(link[href*="themes/dark.css"]) .body-container .alert-info a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link) *{color:#231F20!important}

/* ================= v14: mobile fixes ================= */
/* rotating word: always visible, sized to the word */
.pgh .pg-rot{min-height:1.25em;max-width:100%}
.pgh .pg-rot span{color:var(--rot-fg)!important;opacity:1;max-width:100%;overflow:hidden;text-overflow:clip}
.pgh .pg-rot span.out{opacity:0}
@media (max-width:620px){
  .pgh .pg-hero h1{font-size:30px!important;line-height:1.35}
  .pgh[data-lang="en"] .pg-hero h1{font-size:40px!important}
  .pgh .pg-rot{padding:.04em .45em .14em}
  .pgh .pg-hero-in{padding-block:28px 24px;gap:20px}
  .pgh .pg-lead{font-size:15.5px}
  .pgh .pg-cta .pg-btn{flex:1 1 100%}
  .pgh .pg-top .pg-wrap{justify-content:center}
  .pgh .pg-live{display:none}
  .pgh .pg-s{padding-block:40px}
}

/* header on mobile */
@media (max-width:991px){
  body > header,body > header .header-middle{height:auto!important;overflow:visible!important}
  body > header .header-middle .container>nav{min-height:62px!important;flex-wrap:nowrap;gap:10px;padding-block:8px!important}
  body > header .navbar-brand{margin-inline:auto!important}
  body > header .navbar-brand img{height:38px!important}
  body > header .navbar-toggler{flex:none}
}

/* inner pages on mobile */
@media (max-width:767px){
  .body-container .table-responsive,.reseller-pricing .services{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .body-container .card{border-radius:12px!important}
  .modal .modal-dialog{margin:8px!important;max-width:calc(100% - 16px)!important}
  .body-container .btn,.modal .btn{min-height:44px}
  .body-container .form-control{font-size:16px!important}
  .page-title{font-size:22px!important}
  .client-area .col-left > .card .big-font,.client-area .card-unpaid-balance .big-font{font-size:38px!important}
  .reseller-pricing .card-search .col-lg-4{margin-bottom:6px}
}