/* CPQ LMS RTL + Brand Theme v6.0
   Fonts aligned with CPQ coaching identity: Tajawal for body, Cairo for headings. */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@500;600;700;800;900&family=Tajawal:wght@400;500;700;800&display=swap');

:root{
  --cpq-navy:#101A34;
  --cpq-blue:#1B4F9C;
  --cpq-blue-2:#3B3B98;
  --cpq-gold:#D6A84F;
  --cpq-gold-soft:#F4D977;
  --cpq-bg:#F6F8FC;
  --cpq-card:#FFFFFF;
  --cpq-border:#E6ECF5;
  --cpq-text:#25314C;
  --cpq-muted:#68768B;
  --cpq-success:#00B491;
}
html, body{font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif !important;color:var(--cpq-text);}
h1,h2,h3,h4,h5,h6,.fw-500,.fw-600,.fw-700,.navbar .nav-link,.payment-header-text{font-family:'Cairo','Tajawal',Tahoma,Arial,sans-serif !important;}
html[dir="rtl"], html[dir="rtl"] body{direction:rtl;text-align:right;}
html[dir="rtl"] .text-start{text-align:right!important;} html[dir="rtl"] .text-end{text-align:left!important;}
html[dir="rtl"] .float-start{float:right!important;} html[dir="rtl"] .float-end{float:left!important;}
html[dir="rtl"] .ms-1{margin-right:.25rem!important;margin-left:0!important;} html[dir="rtl"] .ms-2{margin-right:.5rem!important;margin-left:0!important;} html[dir="rtl"] .ms-3{margin-right:1rem!important;margin-left:0!important;} html[dir="rtl"] .ms-auto{margin-right:auto!important;margin-left:0!important;}
html[dir="rtl"] .me-1{margin-left:.25rem!important;margin-right:0!important;} html[dir="rtl"] .me-2{margin-left:.5rem!important;margin-right:0!important;} html[dir="rtl"] .me-3{margin-left:1rem!important;margin-right:0!important;} html[dir="rtl"] .me-auto{margin-left:auto!important;margin-right:0!important;}

.cpq-theme a{color:var(--cpq-blue);} 
.cpq-theme .btn-primary,.cpq-theme .payment-button,.cpq-payment-page .payment-button{background:linear-gradient(135deg,var(--cpq-blue),var(--cpq-navy));border-color:var(--cpq-blue);color:#fff;border-radius:14px;font-weight:800;box-shadow:0 10px 24px rgba(27,79,156,.18);}
.cpq-theme .btn-primary:hover,.cpq-payment-page .payment-button:hover{filter:brightness(.96);transform:translateY(-1px);} 
.cpq-theme .sub-header{background:linear-gradient(135deg,var(--cpq-navy),var(--cpq-blue));}
.cpq-theme .navbar,.cpq-theme .course-card,.cpq-theme .card,.cpq-theme .course-box{border-radius:18px;}
.cpq-theme .course-card,.cpq-theme .card{box-shadow:0 15px 45px rgba(16,26,52,.07);border:1px solid var(--cpq-border);}
.cpq-theme .course-card .ammount h1,.cpq-theme .courses-price h5{color:var(--cpq-blue);font-weight:900;}
.cpq-theme h1,.cpq-theme h2,.cpq-theme h3{color:var(--cpq-navy);font-weight:800;}
.cpq-theme input.form-control,.cpq-theme select.form-control,.cpq-theme select.form-select,.cpq-theme textarea.form-control{border-radius:12px;border:1px solid var(--cpq-border);min-height:46px;box-shadow:none;}

/* Currency selector */
.cpq-currency-select-wrap{display:flex;align-items:center;gap:8px;direction:rtl;}
.cpq-currency-select-label{font-weight:800;color:var(--cpq-navy);font-size:13px;white-space:nowrap;}
.cpq-currency-select{min-width:112px;border:1px solid var(--cpq-border)!important;border-radius:999px!important;background:#fff!important;color:var(--cpq-navy)!important;padding:8px 14px!important;font-weight:800!important;height:auto!important;line-height:1.2!important;}
.cpq-header-currency{margin-inline-start:10px;display:flex;align-items:center;}
.cpq-header-currency .cpq-currency-select-label{display:none;}
.cpq-course-currency-box{background:linear-gradient(180deg,#fff,var(--cpq-bg));border:1px solid var(--cpq-border);border-radius:16px;padding:14px;margin:12px 0 15px;}
.cpq-course-currency-box .cpq-currency-select-wrap{justify-content:space-between;margin-bottom:10px;}
.cpq-floating-currency{position:fixed;z-index:9990;left:18px;bottom:18px;background:#fff;border:1px solid var(--cpq-border);border-radius:999px;padding:7px 10px;box-shadow:0 15px 40px rgba(16,26,52,.12);}
.cpq-floating-currency .cpq-currency-select-label{font-size:12px;}
.cpq-floating-currency .cpq-currency-select{min-width:96px;padding:6px 10px!important;}

/* Tabby teaser */
.cpq-tabby-teaser{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dfe6e9;border-radius:14px;padding:11px 12px;color:#1f2937;font-size:14px;line-height:1.55;box-shadow:0 8px 24px rgba(0,0,0,.04);margin-top:10px;}
.cpq-tabby-logo{font-family:Arial,sans-serif!important;background:#00e29a;color:#111;font-weight:900;border-radius:9px;padding:3px 8px;font-size:20px;letter-spacing:-1px;display:inline-flex;align-items:center;line-height:1.2;}
.cpq-tabby-teaser strong{color:var(--cpq-navy);}
.cpq-tabby-teaser small{color:var(--cpq-muted);}
.cpq-tabby-teaser-mini{font-size:11px;padding:7px 8px;border-radius:10px;margin-top:7px;gap:6px;}
.cpq-tabby-teaser-mini .cpq-tabby-logo{font-size:14px;padding:2px 6px;border-radius:7px;}
.cpq-tabby-teaser-mini small{display:none;}

/* Payment page */
.cpq-payment-page{background:radial-gradient(circle at top right,rgba(214,168,79,.14),transparent 30%),linear-gradient(180deg,#fff,var(--cpq-bg));min-height:100vh;font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif!important;}
.cpq-payment-page .payment-shell{background:#fff;border:1px solid var(--cpq-border);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(16,26,52,.08);}
.cpq-payment-page .payment-header-text{font-size:26px;color:var(--cpq-navy);font-weight:900;}
.cpq-payment-page .payment-gateway{border:1px solid var(--cpq-border);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(11,31,58,.06);transition:.2s ease;display:flex;align-items:center;justify-content:center;}
.cpq-payment-page .payment-gateway.selected,.cpq-payment-page .payment-gateway:hover{border-color:var(--cpq-gold);box-shadow:0 12px 30px rgba(214,168,79,.20);}
.cpq-payment-page .payment-gateway-icon{float:none;display:block;margin:auto;max-width:150px;max-height:42px;}
.cpq-payment-page .tick-icon{float:right;width:18px;margin-top:10px;}
.cpq-payment-page .item{height:auto;min-height:58px;border-bottom:1px dashed var(--cpq-border);padding-bottom:8px;}
.cpq-payment-page .count-item{float:right;margin:5px 0 0 12px;background:rgba(27,79,156,.08);color:var(--cpq-blue);font-weight:800;}
.cpq-payment-page .item-price{float:left;color:var(--cpq-blue);font-weight:900;}
.cpq-payment-page .total{border-radius:0 12px 12px 0;background:rgba(27,79,156,.10);color:var(--cpq-navy);font-weight:900;}
.cpq-payment-page .total-price{border-radius:12px 0 0 12px;background:var(--cpq-navy);color:#fff;font-weight:900;}
.cpq-payment-page .close-btn-light{background:#fff;color:var(--cpq-navy);border:1px solid var(--cpq-border);}

/* MyFatoorah inline cards */
.cpq-myfatoorah-box{direction:rtl;text-align:right;background:#fff;border:1px solid var(--cpq-border);border-radius:18px;padding:18px;box-shadow:0 10px 25px rgba(11,31,58,.05);width:100%!important;float:none!important;}
.cpq-mf-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;}
.cpq-mf-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;}
.cpq-mf-card{background:#fff;border:2px solid #e1e8f3;border-radius:14px;padding:14px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s;position:relative;text-decoration:none!important;color:var(--cpq-text)!important;}
.cpq-mf-card:hover{border-color:var(--cpq-blue);box-shadow:0 8px 22px rgba(27,79,156,.12);transform:translateY(-1px);}
.cpq-mf-card img{max-width:86px;max-height:38px;margin-bottom:8px;object-fit:contain;}
.cpq-mf-card strong{font-size:14px;color:var(--cpq-navy);line-height:1.4;}
.cpq-mf-card small{color:var(--cpq-muted);margin-top:4px;line-height:1.4;}
.cpq-mf-loading{padding:18px;border:1px dashed #cbd6e5;border-radius:12px;color:var(--cpq-muted);text-align:center;}

@media (max-width: 767px){
  .cpq-floating-currency{left:10px;bottom:10px;transform:scale(.92);transform-origin:left bottom;}
  .cpq-payment-page{padding-top:20px!important;}
  .cpq-payment-page .payment-shell{padding:15px;border-radius:18px;}
  .cpq-payment-page .payment-gateway{display:inline-flex!important;width:48%;margin:0 1% 12px;min-height:64px;}
  .cpq-payment-page .gateway.payment-button{width:100%;float:none!important;margin-top:12px;}
  .cpq-payment-page .total,.cpq-payment-page .total-price{float:none!important;display:block;width:100%;border-radius:12px;text-align:center;margin-bottom:8px;}
  .cpq-tabby-teaser{font-size:12px;align-items:flex-start;}
}

/* ===== CPQ v7 visual fixes ===== */
html, body,.cpq-theme{font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif!important;}
.cpq-theme h1,.cpq-theme h2,.cpq-theme h3,.cpq-theme h4,.cpq-theme h5,.cpq-theme h6,.cpq-theme .navbar .nav-link,.cpq-theme .main-nav-wrap a{font-family:'Cairo','Tajawal',Tahoma,Arial,sans-serif!important;font-weight:800;}
.cpq-theme .menubar,.cpq-theme .navbar{background:#fff!important;border-bottom:1px solid rgba(16,26,52,.08);}
.cpq-theme .navbar .nav-link,.cpq-theme .main-nav-wrap .nav-link{color:var(--cpq-navy)!important;font-weight:800!important;}
.cpq-theme .navbar .nav-link:hover,.cpq-theme .main-nav-wrap .nav-link:hover{color:var(--cpq-blue)!important;}
.cpq-theme .main-nav-wrap .navbarHover{right:0;left:auto;text-align:right;direction:rtl;}
.cpq-theme .navbarHover li a{font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif!important;}
.cpq-theme .navbarHover .has-sub-category{margin-right:auto;margin-left:0;transform:rotate(180deg);}
.cpq-theme .navbarHover .sub-category-menu{right:100%;left:auto;text-align:right;}

/* Footer readability: no more grey/blue low contrast */
.cpq-theme .lms2-footer-section{background:linear-gradient(135deg,#101A34,#0B1F3A)!important;color:#fff!important;font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif!important;}
.cpq-theme .lms2-footer-section p,.cpq-theme .lms2-footer-section li,.cpq-theme .lms2-footer-section span,.cpq-theme .lms2-footer-section .ft2-short-des,.cpq-theme .lms2-footer-section .ft2-copyright-info{color:#DCE6F6!important;}
.cpq-theme .lms2-footer-section a,.cpq-theme .lms2-footer-section .ft2-nav-link,.cpq-theme .lms2-footer-section .ft2-copyright-nav-link{color:#F4D977!important;font-weight:700;}
.cpq-theme .lms2-footer-section a:hover,.cpq-theme .lms2-footer-section .ft2-nav-link:hover{color:#fff!important;}
.cpq-theme .lms2-footer-section .ft2-title{color:#fff!important;font-family:'Cairo','Tajawal',Tahoma,Arial,sans-serif!important;font-weight:900;}
.cpq-theme .lms2-footer-section svg path{fill:#F4D977!important;}
.cpq-theme .ft2-newsLetter-input{background:#fff!important;color:#101A34!important;border-radius:14px!important;}
.cpq-theme .ft2-newsLetter-btn{background:linear-gradient(135deg,var(--cpq-blue),var(--cpq-gold))!important;border-radius:12px!important;}
.cpq-theme .ft2-border-bottom{border-color:rgba(255,255,255,.14)!important;}

/* PDF lesson scroll viewer */
.cpq-pdf-scroll-body{margin:0;background:#F6F8FC;font-family:'Tajawal','Noto Sans Arabic',Tahoma,Arial,sans-serif!important;direction:rtl;}
.cpq-pdf-toolbar{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#101A34,#1B4F9C);color:#fff;padding:10px 14px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;box-shadow:0 10px 30px rgba(16,26,52,.18);}
.cpq-pdf-toolbar button{border:0;border-radius:10px;background:#fff;color:#101A34;font-weight:900;min-width:38px;height:34px;cursor:pointer;}
.cpq-pdf-toolbar .cpq-pdf-count{font-weight:900;color:#fff;}
.cpq-pdf-pages{max-width:1080px;margin:18px auto 60px;padding:0 12px;display:flex;flex-direction:column;align-items:center;gap:18px;}
.cpq-pdf-page{background:#fff;border-radius:12px;box-shadow:0 8px 28px rgba(16,26,52,.12);max-width:100%;}
.cpq-pdf-loading{padding:30px;text-align:center;color:#101A34;font-weight:800;}
@media(max-width:767px){.cpq-pdf-toolbar{font-size:13px}.cpq-pdf-pages{gap:12px;margin-top:12px}.cpq-theme .main-nav-wrap .navbarHover{right:auto;left:auto;}}


/* CPQ v9: RTL submenu positioning fix */
html[dir="rtl"] .main-nav-wrap,
body.rtl .main-nav-wrap{
    position: relative;
}
html[dir="rtl"] .main-nav-wrap .navbarHover,
body.rtl .main-nav-wrap .navbarHover{
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    text-align: right;
    direction: rtl;
    min-width: 260px;
    z-index: 9999;
}
html[dir="rtl"] .main-nav-wrap .dropdown-submenu,
body.rtl .main-nav-wrap .dropdown-submenu{
    position: relative;
}
html[dir="rtl"] .main-nav-wrap .dropdown-submenu > .sub-category-menu,
body.rtl .main-nav-wrap .dropdown-submenu > .sub-category-menu{
    right: 100% !important;
    left: auto !important;
    top: 0 !important;
    transform: none !important;
    text-align: right;
    direction: rtl;
    z-index: 10000;
}
@media (max-width: 991px){
    html[dir="rtl"] .main-nav-wrap .navbarHover,
    body.rtl .main-nav-wrap .navbarHover,
    html[dir="rtl"] .main-nav-wrap .dropdown-submenu > .sub-category-menu,
    body.rtl .main-nav-wrap .dropdown-submenu > .sub-category-menu{
        position: static !important;
        right: auto !important;
        left: auto !important;
        width: 100%;
        box-shadow: none !important;
    }
}
/* CPQ v9: certificate name input readability */
#certificate_name_en,[name="certificate_name_en"]{
    font-family: Arial, Helvetica, sans-serif !important;
    letter-spacing: .2px;
}


/* CPQ v10 fixes: hide Tabby teasers from course/program cards only. Tabby remains visible inside the program page and checkout. */
.courses-card .cpq-tabby-teaser,
.grid-view-body .cpq-tabby-teaser,
.eGridCourse .cpq-tabby-teaser,
.epopCourse .cpq-tabby-teaser,
.course-box .cpq-tabby-teaser,
.course-card .cpq-tabby-teaser,
.single-popup-course .cpq-tabby-teaser-mini,
.owl-carousel .cpq-tabby-teaser-mini,
.related-course .cpq-tabby-teaser-mini{
  display:none!important;
}

/* CPQ v10 PDF lesson frame/layout reset */
.cpq-lesson-pdf-wrapper,
.cpq-lesson-pdf-wrapper *{box-sizing:border-box;}
.cpq-lesson-pdf-frame{width:100%!important;border:0!important;display:block!important;overflow:auto!important;background:#f6f8fc!important;}

/* CPQ v11 checkout and BNPL refinements */
:root{--cpq-tamara:#9C6BFF;}
.cpq-tamara-logo{font-family:Arial,sans-serif!important;background:var(--cpq-tamara);color:#fff;font-weight:900;border-radius:9px;padding:3px 8px;font-size:16px;letter-spacing:-.5px;display:inline-flex;align-items:center;line-height:1.2;}
.cpq-tamara-teaser{display:flex;align-items:center;gap:10px;background:#fbf9ff;border:1px solid #eadfff;border-radius:14px;padding:11px 12px;color:#1f2937;font-size:14px;line-height:1.55;box-shadow:0 8px 24px rgba(0,0,0,.035);margin-top:10px;}
.cpq-bnpl-teaser small{display:block;margin-top:2px;}
.cpq-cart-layout{align-items:flex-start;}
.cpq-cart-main{padding-left:24px;}
.cpq-cart-summary{padding-right:24px;}
.cpq-cart-summary .cart-total{width:100%;min-width:330px;border-radius:18px;padding:22px 18px;box-shadow:0 12px 35px rgba(11,31,58,.06);}
.cpq-cart-summary .cart-total .cpq-cart-currency{border-radius:16px;margin-bottom:18px;}
.cpq-cart-summary .tax,.cpq-cart-summary .sub-total{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:right;}
.cpq-cart-summary .tax h6,.cpq-cart-summary .sub-total h6{white-space:normal;line-height:1.7;}
.cpq-cart-summary .input-group{flex-wrap:nowrap;}
.cpq-bnpl-cart-notes{display:grid;gap:10px;margin:12px 0;}
.payment-shell .cpq-bnpl-teasers{display:grid;gap:10px;}
.payment-shell .cpq-tamara-teaser,.payment-shell .cpq-tabby-teaser{width:100%;}
@media (min-width: 992px){
  .cpq-cart-layout .cpq-cart-main{flex:0 0 66.666667%!important;max-width:66.666667%!important;}
  .cpq-cart-layout .cpq-cart-summary{flex:0 0 33.333333%!important;max-width:33.333333%!important;}
}
@media (max-width: 991.98px){
  .cpq-cart-main,.cpq-cart-summary{padding-left:12px!important;padding-right:12px!important;max-width:100%!important;flex:0 0 100%!important;}
  .cpq-cart-summary{margin-top:24px;}
  .cpq-cart-summary .cart-total{min-width:0;width:100%;}
  .cpq-cart-summary .tax,.cpq-cart-summary .sub-total{font-size:14px;}
  .cpq-tamara-teaser,.cpq-tabby-teaser{font-size:12px;align-items:flex-start;}
}

/* CPQ v12 checkout text/BNPL/PDF fixes */
.payment-shell .payment-header{font-family:'Cairo','Tajawal',Tahoma,Arial,sans-serif!important;font-weight:900;color:#101A34;}
.payment-shell .cpq-bnpl-teasers{gap:8px!important;}
.payment-shell .cpq-bnpl-teaser,
.cpq-cart-summary .cpq-bnpl-teaser,
.cpq-bnpl-cart-notes .cpq-bnpl-teaser{
  width:100%;
  min-height:62px;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-radius:15px!important;
  box-shadow:0 8px 24px rgba(16,26,52,.045)!important;
  font-size:14px!important;
  line-height:1.65!important;
  text-align:right!important;
}
.payment-shell .cpq-tabby-teaser,
.cpq-cart-summary .cpq-tabby-teaser,
.cpq-bnpl-cart-notes .cpq-tabby-teaser{
  background:#f7fffb!important;
  border:1px solid #cfeee2!important;
}
.payment-shell .cpq-tamara-teaser,
.cpq-cart-summary .cpq-tamara-teaser,
.cpq-bnpl-cart-notes .cpq-tamara-teaser{
  background:#fbf9ff!important;
  border:1px solid #ddccff!important;
}
.cpq-tabby-logo,.cpq-tamara-logo{
  min-width:72px;
  height:34px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  flex:0 0 auto;
  text-align:center;
}
.cpq-tabby-logo{background:#00e08a!important;color:#101820!important;font-size:21px!important;font-weight:900!important;}
.cpq-tamara-logo{background:#8f63ff!important;color:#fff!important;font-size:17px!important;font-weight:900!important;letter-spacing:0!important;}
.cpq-bnpl-teaser small{display:none!important;}
.cpq-lesson-pdf-wrapper{background:#f6f8fc!important;border-radius:14px!important;min-height:720px!important;}
.cpq-lesson-pdf-frame{background:#f6f8fc!important;min-height:780px!important;height:calc(100vh - 80px)!important;}
@media(max-width:767px){
  .payment-shell .cpq-bnpl-teaser,
  .cpq-cart-summary .cpq-bnpl-teaser,
  .cpq-bnpl-cart-notes .cpq-bnpl-teaser{font-size:12px!important;gap:8px!important;padding:10px!important;align-items:flex-start!important;}
  .cpq-tabby-logo,.cpq-tamara-logo{min-width:58px;height:30px;font-size:15px!important;}
  .cpq-lesson-pdf-wrapper{min-height:620px!important;border-radius:10px!important;}
  .cpq-lesson-pdf-frame{min-height:650px!important;height:calc(100vh - 65px)!important;}
}