/* =========================================================================
   Tutor LMS + WooCommerce dark skin.
   Tutor and Woo ship light-themed CSS. Every surface they render is mapped
   onto the Rils palette here so nothing ever lands as dark-on-dark or
   white-on-white.
   ========================================================================= */

/* Tutor's own variables, remapped to the brand ------------------------- */
:root{
  --tutor-color-primary:#E7B83F;
  --tutor-color-primary-hover:#F2C94C;
  --tutor-color-primary-rgb:231,184,63;
  --tutor-color-success:#E7B83F;
  --tutor-color-white:#101A30;
  --tutor-color-black:#F5F7FA;
  --tutor-color-gray:#9AA6BA;
  --tutor-color-muted:#9AA6BA;
  --tutor-color-secondary:#9AA6BA;
  --tutor-body-color:#9AA6BA;
  --tutor-border-color:rgba(255,255,255,0.08);
  --tutor-color-gray-10:#0B1224;
  --tutor-color-gray-20:#101A30;
  --tutor-color-gray-30:rgba(255,255,255,0.08);
  --tutor-color-gray-40:#9AA6BA;
  --tutor-color-gray-50:#9AA6BA;
  --tutor-color-gray-60:#9AA6BA;
  --tutor-color-gray-70:#F5F7FA;
  --tutor-color-gray-80:#F5F7FA;
  --tutor-color-gray-90:#F5F7FA;
  --tutor-color-gray-100:#F5F7FA;
  --tutor-body-font-family:'Manrope','Hind Siliguri',system-ui,sans-serif;
  --tutor-heading-font-family:'Sora',system-ui,sans-serif;
}

/* Tutor hard-codes background-color:#fff on several blocks, so the CSS
   variables above are not enough. These target the real classes. */
.tutor-card,
.tutor-card-header,
.tutor-card-body,
.tutor-card-footer,
.tutor-course-details-widget,
.tutor-course-sidebar-card,
.tutor-accordion-item,
.tutor-course-topic,
.tutor-dashboard-content,
.tutor-dashboard-permalinks,
.tutor-widget,
.tutor-bg-white,
.tutor-course-details-tab,
.tutor-course-single-sidebar-wrapper,
.tutor-course-single-content-wrapper{
  background-color:var(--rils-card) !important;
  color:var(--rils-muted) !important;
  box-shadow:none !important;
}
.tutor-card,
.tutor-course-details-widget{
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
}
.tutor-card-header,
.tutor-card-footer{border-color:var(--rils-border) !important}

/* Every text utility Tutor paints dark, flipped for the dark ground. */
.tutor-color-black,
.tutor-color-secondary,
.tutor-color-primary,
.tutor-fw-bold,
.tutor-card a,
.tutor-card-footer a,
.tutor-course-details-widget a,
.tutor-course-details-widget-title,
.tutor-card h1,.tutor-card h2,.tutor-card h3,.tutor-card h4,.tutor-card h5{
  color:var(--rils-ink) !important;
}
.tutor-card a:hover,
.tutor-course-details-widget a:hover{color:var(--rils-gold) !important}
.tutor-color-muted,.tutor-color-hints,.tutor-color-subdued,
.tutor-card li,.tutor-card p,.tutor-card span,
.tutor-card-footer li,.tutor-card-footer span{color:var(--rils-muted) !important}

/* Price block in the entry box. */
.tutor-card .tutor-course-price,
.tutor-course-price,
.tutor-course-price *{color:var(--rils-gold) !important}

/* Instructor avatar initials. */
.tutor-avatar-text{background-color:var(--rils-gold) !important;color:var(--rils-on-gold) !important;font-weight:800}

/* Locked lesson icons were dark on dark. */
.tutor-icon-lock-line,.tutor-icon-lock-filled,
[class*="tutor-icon-"]{color:inherit}
.tutor-course-content-list-item [class*="tutor-icon-"]{color:var(--rils-muted) !important}

/* Buttons -------------------------------------------------------------
   Elementor and WooCommerce both ship a blue default with high specificity,
   so these selectors are written to outrank them everywhere. */
.elementor-button,
.elementor-button-link,
.elementor-widget-button .elementor-button,
a.elementor-button,
button.elementor-button,
.rils-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce-page button.button,
.woocommerce .checkout-button,
#place_order,
.wpforms-submit,
.tutor-btn-primary,
.tutor-add-to-cart-button{
  background-color:var(--rils-gold) !important;
  background-image:none !important;
  border:1px solid var(--rils-gold) !important;
  color:var(--rils-on-gold) !important;
  border-radius:var(--rils-r-pill) !important;
  font-family:var(--rils-body) !important;
  font-weight:700 !important;
  text-shadow:none !important;
  box-shadow:none !important;
}
.elementor-button:hover,
.elementor-button:focus,
.rils-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .checkout-button:hover,
#place_order:hover,
.wpforms-submit:hover,
.tutor-btn-primary:hover,
.tutor-add-to-cart-button:hover{
  background-color:var(--rils-gold-hover) !important;
  border-color:var(--rils-gold-hover) !important;
  color:var(--rils-on-gold) !important;
}
.elementor-button .elementor-button-text,
.elementor-button span{color:var(--rils-on-gold) !important}

/* Ghost variant wins back its transparent ground. */
.rils-btn--ghost .elementor-button,
.rils-btn--ghost.elementor-button,
a.rils-btn--ghost,
.rils-btn.rils-btn--ghost{
  background-color:transparent !important;
  border:1px solid var(--rils-gold) !important;
  color:var(--rils-gold) !important;
}
.rils-btn--ghost .elementor-button span,
.rils-btn--ghost.elementor-button span{color:var(--rils-gold) !important}
.rils-btn--ghost .elementor-button:hover,
.rils-btn--ghost.elementor-button:hover,
a.rils-btn--ghost:hover{
  background-color:rgba(231,184,63,.10) !important;
  border-color:var(--rils-gold-hover) !important;
  color:var(--rils-gold-hover) !important;
}
.rils-btn--ghost .elementor-button:hover span{color:var(--rils-gold-hover) !important}

/* Links inside Woo notices and forms should never stay browser-blue. */
.woocommerce a,
.woocommerce-page a,
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a{color:var(--rils-gold)}

/* Service icons render as emoji, keep them from inheriting a link colour. */
.rils-service__icon{color:inherit}

/* =========================================================================
   Kill every remaining white block. Woo and Tutor paint #fff on table heads,
   totals panels and sidebar cards, so these are targeted directly.
   ========================================================================= */
.woocommerce table.shop_table thead,
.woocommerce table.shop_table thead th,
.woocommerce table.cart thead,
.woocommerce table.cart thead th,
.woocommerce-cart table.cart thead th,
.woocommerce-checkout-review-order-table thead th{
  background-color:var(--rils-surface) !important;
  color:var(--rils-ink) !important;
  border-bottom:1px solid var(--rils-border) !important;
}

.cart_totals,
.cart-collaterals,
.cart-collaterals .cart_totals,
.woocommerce-cart .cart-collaterals h2,
.cart_totals h2{
  color:var(--rils-ink) !important;
}
.woocommerce .cart_totals{
  background-color:var(--rils-card) !important;
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
  padding:22px !important;
}
.woocommerce .cart_totals h2{
  font-family:var(--rils-head);font-size:1.2rem;margin:0 0 16px;
  color:var(--rils-ink) !important;background:none !important;
}
.woocommerce .cart_totals table.shop_table{border:0 !important;background:transparent !important}

.woocommerce .woocommerce-cart-form table.cart{background:var(--rils-card) !important}
.woocommerce table.cart td.actions{background:var(--rils-surface) !important;border-top:1px solid var(--rils-border) !important}
.woocommerce table.cart img{width:72px;border-radius:var(--rils-r-sm)}
.woocommerce a.remove{color:var(--rils-muted) !important;background:transparent !important}
.woocommerce a.remove:hover{color:var(--rils-gold) !important;background:transparent !important}

.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout .col2-set,
.woocommerce-billing-fields,
.woocommerce-additional-fields,
#order_review{
  background-color:transparent !important;
  color:var(--rils-muted) !important;
}
#order_review_heading{color:var(--rils-ink) !important;font-family:var(--rils-head)}
.woocommerce form.checkout_coupon{
  background-color:var(--rils-card) !important;
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
  padding:22px !important;
}

/* Tutor sidebar author card was the last white panel. */
.tutor-single-course-sidebar > div,
.tutor-course-sidebar-card,
.tutor-course-details-widget{
  background-color:var(--rils-card) !important;
}
.tutor-course-details-widget > *{background-color:transparent !important}
.tutor-course-details-widget{
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
  padding:22px !important;
}

/* The Tutor page rendered far narrower than the rest of the site. */
.tutor-container,
.tutor-course-details-page{
  max-width:1180px !important;
  width:100% !important;
  margin-inline:auto !important;
  padding-inline:24px !important;
}
.tutor-row{margin-inline:0 !important}

/* Page shell ----------------------------------------------------------- */
.tutor-page-wrap,
.tutor-course-details-page,
.tutor-full-width-course-top,
.tutor-wrap-parent,
.tutor-dashboard,
.tutor-container{background:transparent !important;color:var(--rils-muted)}

.tutor-course-details-page{padding-block:var(--rils-s-lg)}

/* Typography ----------------------------------------------------------- */
.tutor-wrap-parent h1,.tutor-wrap-parent h2,.tutor-wrap-parent h3,
.tutor-wrap-parent h4,.tutor-wrap-parent h5,.tutor-wrap-parent h6,
.tutor-color-black,.tutor-color-secondary,
.tutor-course-details-title,
.tutor-course-details-widget-title,
.tutor-fs-4,.tutor-fs-5,.tutor-fs-6{color:var(--rils-ink) !important;font-family:var(--rils-head)}

.tutor-color-muted,.tutor-color-gray,.tutor-fs-7,.tutor-fs-8{color:var(--rils-muted) !important}
.tutor-wrap-parent p,.tutor-wrap-parent li,.tutor-wrap-parent span{font-family:var(--rils-body)}

/* Cards, widgets, panels ----------------------------------------------- */
.tutor-card,
.tutor-course-details-widget,
.tutor-course-sidebar-card,
.tutor-accordion-item,
.tutor-course-topic,
.tutor-dashboard-content,
.tutor-dashboard-permalinks,
.tutor-widget,
.tutor-bg-white,
.tutor-course-details-tab{
  background-color:var(--rils-card) !important;
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
  color:var(--rils-muted) !important;
  box-shadow:none !important;
}

.tutor-course-details-widget + .tutor-course-details-widget{margin-top:var(--rils-s-sm)}

/* Tabs ----------------------------------------------------------------- */
.tutor-nav,
.tutor-nav-tabs{border-bottom:1px solid var(--rils-border) !important;background:transparent !important}
.tutor-nav-link{color:var(--rils-muted) !important;font-family:var(--rils-body);font-weight:600}
.tutor-nav-link:hover{color:var(--rils-ink) !important}
.tutor-nav-link.is-active,
.tutor-nav-link.active{
  color:var(--rils-gold) !important;
  border-bottom-color:var(--rils-gold) !important;
  background:transparent !important;
}

/* Curriculum accordion -------------------------------------------------- */
.tutor-accordion-item-header,
.tutor-course-topic-header{
  background-color:var(--rils-surface) !important;
  color:var(--rils-ink) !important;
  border-bottom:1px solid var(--rils-border) !important;
}
.tutor-accordion-item-body{background-color:var(--rils-card) !important}
.tutor-course-content-list-item,
.tutor-course-topic-item{
  background:transparent !important;
  border-bottom:1px solid var(--rils-border) !important;
  color:var(--rils-muted) !important;
}
.tutor-course-content-list-item a,
.tutor-course-topic-item a{color:var(--rils-muted) !important}
.tutor-course-content-list-item a:hover{color:var(--rils-gold) !important}

/* Buttons -------------------------------------------------------------- */
.tutor-btn,
.tutor-btn-primary,
.tutor-btn.tutor-btn-primary{
  background-color:var(--rils-gold) !important;
  border-color:var(--rils-gold) !important;
  color:var(--rils-on-gold) !important;
  border-radius:var(--rils-r-pill) !important;
  font-family:var(--rils-body);font-weight:700;
}
.tutor-btn:hover,.tutor-btn-primary:hover{
  background-color:var(--rils-gold-hover) !important;
  border-color:var(--rils-gold-hover) !important;
  color:var(--rils-on-gold) !important;
}
.tutor-btn-outline-primary,
.tutor-btn-ghost,
.tutor-btn-secondary{
  background-color:transparent !important;
  border:1px solid var(--rils-gold) !important;
  color:var(--rils-gold) !important;
  border-radius:var(--rils-r-pill) !important;
}
.tutor-btn-outline-primary:hover,.tutor-btn-ghost:hover,.tutor-btn-secondary:hover{
  background-color:rgba(231,184,63,.10) !important;color:var(--rils-gold-hover) !important;
}

/* Price ---------------------------------------------------------------- */
.tutor-course-price,
.tutor-course-price .amount,
.tutor-course-details-widget .price,
.tutor-course-price bdi{color:var(--rils-gold) !important;font-family:var(--rils-head);font-weight:700}

/* Media, avatars, badges ------------------------------------------------ */
.tutor-course-thumbnail,
.tutor-ratio{border-radius:var(--rils-r-md);overflow:hidden}
.tutor-avatar,.tutor-avatar-text{background-color:var(--rils-gold) !important;color:var(--rils-on-gold) !important}
.tutor-badge-label,.tutor-round-box{
  background-color:var(--rils-surface) !important;
  color:var(--rils-ink) !important;
  border:1px solid var(--rils-border) !important;
}

/* Forms inside Tutor ---------------------------------------------------- */
.tutor-form-control,.tutor-form-select,.tutor-input-group input{
  background-color:var(--rils-surface) !important;
  border:1px solid var(--rils-border) !important;
  color:var(--rils-ink) !important;
  border-radius:var(--rils-r-sm) !important;
}

/* Dashboard sidebar ----------------------------------------------------- */
.tutor-dashboard-permalinks a{color:var(--rils-muted) !important}
.tutor-dashboard-permalinks a:hover,
.tutor-dashboard-permalinks .active a{color:var(--rils-gold) !important}

/* Anything Tutor paints white or near-white ----------------------------- */
.tutor-wrap-parent [style*="background: #fff"],
.tutor-wrap-parent [style*="background:#fff"],
.tutor-wrap-parent [style*="background-color: #fff"],
.tutor-wrap-parent [style*="background-color:#fff"]{background-color:var(--rils-card) !important}

/* Routine block placed after the Tutor wrap ----------------------------- */
.rils-routine-wrap{padding-bottom:var(--rils-s-xl)}

/* =========================== WooCommerce ================================ */
.woocommerce,
.woocommerce-page,
.woocommerce .woocommerce-form,
.woocommerce-account .woocommerce{color:var(--rils-muted)}

.woocommerce h1,.woocommerce h2,.woocommerce h3,
.woocommerce-account h2,.woocommerce-billing-fields h3,
.woocommerce-checkout h3,.woocommerce-order-details h2{color:var(--rils-ink);font-family:var(--rils-head)}

.woocommerce table.shop_table,
.woocommerce-checkout-review-order-table,
.woocommerce table.cart,
.woocommerce .cart-collaterals .cart_totals table{
  background:var(--rils-card) !important;
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
  border-collapse:separate !important;
  overflow:hidden;
  color:var(--rils-muted) !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce table.cart th,
.woocommerce table.cart td{
  border-color:var(--rils-border) !important;
  color:var(--rils-muted) !important;
  padding:14px 16px !important;
}
.woocommerce table.shop_table th{color:var(--rils-ink) !important;font-family:var(--rils-head)}
.woocommerce table.shop_table .amount,
.woocommerce .order-total .amount,
.woocommerce-Price-amount{color:var(--rils-gold) !important;font-weight:700}

.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment{
  background:var(--rils-card) !important;
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--rils-border) !important;padding:18px}
.woocommerce-checkout #payment ul.payment_methods li{color:var(--rils-ink) !important;list-style:none}
.woocommerce-checkout #payment ul.payment_methods label{color:var(--rils-ink) !important;font-weight:600}
.woocommerce-checkout #payment div.payment_box{
  background:var(--rils-surface) !important;color:var(--rils-muted) !important;
  border:1px solid var(--rils-border) !important;border-radius:var(--rils-r-sm) !important;
}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--rils-surface) !important}
.woocommerce-checkout #payment .place-order{padding:18px}

.woocommerce-info,.woocommerce-message,.woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message{
  background:var(--rils-card) !important;
  color:var(--rils-ink) !important;
  border-top:3px solid var(--rils-gold) !important;
  border-radius:var(--rils-r-sm);
}
.woocommerce-info::before,.woocommerce-message::before{color:var(--rils-gold) !important}

.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  background:var(--rils-card);border:1px solid var(--rils-border);border-radius:var(--rils-r-md);overflow:hidden}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--rils-border)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:block;padding:14px 18px;color:var(--rils-muted) !important;font-weight:600}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a{color:var(--rils-gold) !important;background:var(--rils-surface)}

.woocommerce form.login,.woocommerce form.register,
.woocommerce-form-login,.woocommerce-form-register,
.woocommerce .col-1,.woocommerce .col-2{
  background:var(--rils-card) !important;
  border:1px solid var(--rils-border) !important;
  border-radius:var(--rils-r-md) !important;
  padding:26px !important;
}
.woocommerce form .form-row label{color:var(--rils-ink) !important}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--rils-ink) !important}
.select2-dropdown{background:var(--rils-surface) !important;border-color:var(--rils-border) !important}
.select2-results__option{color:var(--rils-muted) !important}
.select2-results__option--highlighted{background:var(--rils-card) !important;color:var(--rils-gold) !important}

.rils-order-cta{margin-top:var(--rils-s-md)}