/* ==========================================================
   TEACHMEPMU® FULL SITE CSS OVERRIDE
   Dark Luxury Brand System
   No Boxy Borders Version
   ========================================================== */

:root {
  --tmp-black: #050505;
  --tmp-primary: #0B0B0D;
  --tmp-secondary: #1A1A1F;
  --tmp-card: #141418;
  --tmp-accent: #D71F26;
  --tmp-accent-hover: #FF3A3A;
  --tmp-text: #F2F2F2;
  --tmp-muted: #B7B7B7;
  --tmp-silver: #D8D8D8;
}

/* GLOBAL */

html,
body,
.site,
#page,
#content,
.site-content,
.content-area,
main,
article,
.entry-content,
.wp-site-blocks {
  background: var(--tmp-primary) !important;
  color: var(--tmp-muted) !important;
}

/* HEADINGS */

h1,
h2,
h3,
h4,
h5,
h6,
.page-title,
.entry-title,
.post-title,
.widget-title,
.wp-block-heading,
.elementor-heading-title,
.woocommerce-products-header__title,
.product_title,
.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3 {
  color: var(--tmp-text) !important;
  text-shadow: 0 0 10px rgba(255,255,255,0.12) !important;
}

/* TEXT */

p,
li,
span,
div,
blockquote,
label,
small,
strong,
em,
.entry-content,
.wp-block-paragraph,
.wp-block-list,
.elementor-widget-text-editor,
.woocommerce,
.woocommerce p,
.learndash-wrapper {
  color: var(--tmp-muted) !important;
}

/* LINKS */

a,
.entry-content a,
.widget a,
.woocommerce a,
.learndash-wrapper a {
  color: var(--tmp-accent) !important;
  transition: all 0.25s ease !important;
}

a:hover,
.entry-content a:hover,
.widget a:hover,
.woocommerce a:hover,
.learndash-wrapper a:hover {
  color: var(--tmp-accent-hover) !important;
}

/* HEADER + NAV */

header,
.site-header,
.main-header,
.navbar,
nav,
.wp-block-navigation,
.elementor-location-header {
  background: var(--tmp-black) !important;
  color: var(--tmp-text) !important;
  border: none !important;
}

header a,
.site-header a,
nav a,
.menu a,
.wp-block-navigation a,
.main-navigation a {
  color: var(--tmp-text) !important;
}

header a:hover,
.site-header a:hover,
nav a:hover,
.menu a:hover,
.wp-block-navigation a:hover,
.main-navigation a:hover {
  color: var(--tmp-accent) !important;
}

/* HERO */

.hero,
.banner,
.page-hero,
.site-hero,
.wp-block-cover,
.elementor-top-section:first-child {
  background: linear-gradient(135deg, #050505 0%, #0B0B0D 45%, #1A1A1F 100%) !important;
  color: var(--tmp-text) !important;
}

/* SECTIONS */

section,
.container,
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
  background-color: transparent !important;
  color: var(--tmp-muted) !important;
  border: none !important;
}

/* CARDS / CONTENT BOXES */

.card,
.course-card,
.wp-block-media-text,
.wp-block-latest-posts,
.elementor-widget-container,
.ld-course-list,
.ld-course-list-items,
.ld-item-list,
.ld-item-list-item,
.ld-profile-card,
.ld-alert,
.ld-table-list,
.ld-focus-content,
.ld-lesson-item,
.ld-topic-list,
.learndash-wrapper .ld-item-list-item,
.woocommerce ul.products li.product,
.woocommerce div.product,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout,
.woocommerce-MyAccount-content {
  background: var(--tmp-card) !important;
  color: var(--tmp-muted) !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.22) !important;
}

/* WIDGETS + SIDEBARS */

.widget,
.widget-area,
.sidebar,
#secondary,
.wp-block-widget-area,
.wp-block-search,
.wp-block-calendar,
.wp-block-categories,
.wp-block-archives,
.wp-block-tag-cloud {
  background: var(--tmp-secondary) !important;
  color: var(--tmp-muted) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 18px !important;
  box-shadow: 0 10px 35px rgba(0,0,0,0.2) !important;
}

.widget-title,
.widget h1,
.widget h2,
.widget h3,
.sidebar h1,
.sidebar h2,
.sidebar h3 {
  color: var(--tmp-text) !important;
}

/* BUTTONS */

button,
.button,
.btn,
.wp-element-button,
.wp-block-button__link,
input[type="button"],
input[type="submit"],
input[type="reset"],
.elementor-button,
.elementor-button-link,
.ld-button,
.learndash-wrapper .ld-button,
.learndash_mark_complete_button,
.checkout-button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order {
  background: var(--tmp-accent) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 13px 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: 0 0 18px rgba(215,31,38,0.35) !important;
  transition: all 0.25s ease !important;
}

button:hover,
.button:hover,
.btn:hover,
.wp-element-button:hover,
.wp-block-button__link:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.elementor-button:hover,
.ld-button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.checkout-button:hover {
  background: var(--tmp-accent-hover) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 0 28px rgba(255,58,58,0.55) !important;
  transform: translateY(-2px) !important;
}

/* OUTLINE BUTTONS */

.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link,
.button-secondary,
.btn-secondary,
.secondary-button {
  background: transparent !important;
  color: var(--tmp-silver) !important;
  border: none !important;
  box-shadow: inset 0 0 0 1px rgba(216,216,216,0.45) !important;
}

.is-style-outline .wp-block-button__link:hover,
.button-secondary:hover,
.btn-secondary:hover,
.secondary-button:hover {
  background: var(--tmp-silver) !important;
  color: var(--tmp-primary) !important;
}

/* FORMS */

input,
textarea,
select,
.wp-block-search__input,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.wpcf7 input,
.wpcf7 textarea,
.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select {
  background: #111111 !important;
  color: var(--tmp-text) !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06) !important;
}

input::placeholder,
textarea::placeholder {
  color: #8A8A8A !important;
}

input:focus,
textarea:focus,
select:focus {
  border: none !important;
  box-shadow:
    inset 0 0 0 1px var(--tmp-accent),
    0 0 15px rgba(215,31,38,0.2) !important;
  outline: none !important;
}

/* WOOCOMMERCE */

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce-loop-category__title,
.woocommerce-Price-amount,
.price {
  color: var(--tmp-text) !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: var(--tmp-secondary) !important;
  color: var(--tmp-text) !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

/* LEARNDASH */

.learndash-wrapper,
.ld-focus,
.ld-focus-content,
.ld-course-status,
.ld-tabs,
.ld-tabs-content,
.ld-item-list-item,
.ld-table-list,
.ld-lesson-item-preview {
  background: var(--tmp-secondary) !important;
  color: var(--tmp-muted) !important;
  border: none !important;
}

.learndash-wrapper .ld-status,
.learndash-wrapper .ld-course-status .ld-status {
  background: var(--tmp-accent) !important;
  color: #ffffff !important;
  border: none !important;
}

/* TABLES */

table,
th,
td,
.wp-block-table {
  background: var(--tmp-secondary) !important;
  color: var(--tmp-muted) !important;
  border-color: rgba(255,255,255,0.05) !important;
}

th {
  color: var(--tmp-text) !important;
}

/* FOOTER */

footer,
.site-footer,
.footer,
.wp-block-template-part,
.elementor-location-footer {
  background: var(--tmp-black) !important;
  color: var(--tmp-muted) !important;
  border: none !important;
}

footer a,
.site-footer a {
  color: var(--tmp-silver) !important;
}

footer a:hover,
.site-footer a:hover {
  color: var(--tmp-accent) !important;
}

/* ACCENTS */

hr,
.divider,
.wp-block-separator {
  border: none !important;
  background-color: rgba(216,216,216,0.35) !important;
}

.badge,
.label,
.highlight,
.has-accent-color {
  color: var(--tmp-accent) !important;
}

/* IMAGES */

img {
  max-width: 100%;
  height: auto;
}

/* COMMENTS */

#comments,
.comments-area,
.comment-respond,
.comment-form {
  background: var(--tmp-secondary) !important;
  color: var(--tmp-muted) !important;
  border: none !important;
}

/* SCROLLBAR */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #111111;
}

::-webkit-scrollbar-thumb {
  background: var(--tmp-accent);
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--tmp-accent-hover);
}

/* TEXT SELECTION */

::selection {
  background: var(--tmp-accent) !important;
  color: #ffffff !important;
}

/* MOBILE */

@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2.2rem !important;
  }

  h2 {
    font-size: 1.8rem !important;
  }

  button,
  .button,
  .btn,
  .wp-block-button__link,
  .elementor-button,
  .ld-button {
    width: auto !important;
    max-width: 100% !important;
    padding: 12px 18px !important;
  }

  .widget,
  .sidebar,
  .widget-area {
    padding: 14px !important;
  }
}