/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* -------------------------------------------------------------------------------- */
/* ! Woocommerce */
/* -------------------------------------------------------------------------------- */
.woocommerce-info {
  color: #000 !important;
}

.woocommerce-orders-table__cell-order-number a {
  color: #fff;
}

/* -------------------------------------------------------------------------------- */
/* ! Il mio Account unauthorized user */
/* -------------------------------------------------------------------------------- */
.woocommerce.ct-woo-unauthorized {
  background: #fff;
  padding: 30px;
  max-width: 500px;
}

.ct-woo-unauthorized > h2 {
  display: block !important;
  color: #000;
  text-align: center;
  margin-top: 0;
}

.woocommerce.ct-woo-unauthorized input:not([type="checkbox"]) {
  border: 0;
  border-bottom: 1px solid;
  border-radius: 0;
}

/* -------------------------------------------------------------------------------- */
/* ! Il mio Account Page Logged In Layout */
/* -------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  nav.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
  }

  .ct-woo-account {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1000px) {
  .woocommerce-account.logged-in .woocommerce {
    width: 1900px;
    max-width: 80%;
    display: flex;
    gap: 30px;
  }

  .woocommerce-account.logged-in .ast-container {
    width: 100%;
    max-width: 100%;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 25%;
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    width: 75%;
  }
}

.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
}

.woocommerce-MyAccount-navigation ul .is-active a {
  background: none;
  font-weight: 700;
}

.woocommerce-MyAccount-navigation li:hover a {
  color: var(--theme-global-color-5);
}

.woocommerce-MyAccount-navigation ul {
  padding-left: 0 !important;
}

.woocommerce-MyAccount-navigation li {
  border: none;
}

/* -------------------------------------------------------------------------------- */
/* ! Dashboard Il mio Account */
/* -------------------------------------------------------------------------------- */

.woocommerce-MyAccount-content h2 {
  font-size: 32px !important;
}
.woocommerce-MyAccount-content h3 {
  font-size: 24px !important;
}

.woocommerce-MyAccount-content {
  color: #fff;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  list-style: none;
  margin: 0;
  padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ts-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  overflow: hidden;
  border-radius: 8px;
}

.ts-card img {
  margin-bottom: 10px;
}

.ts-card__content {
  padding: 20px;
}

.ts-card__content .title {
  color: #000;
}

.ts-card__content .start-course-btn {
  display: inline-block;
  margin-top: auto;
  color: var(--theme-button-text-initial-color);
  border: var(--theme-button-border);
  background-color: var(--theme-button-background-initial-color);
  padding: 10px 20px;
  border-radius: 200px;
  font-weight: 600;
}

.ts-card__content .start-course-btn:hover {
  color: var(--theme-button-text-hover-color);
  border-color: var(--theme-button-border-hover-color);
  background-color: var(--theme-button-background-hover-color);
}

/* -------------------------------------------------------------------------------- */
/* ! Edit Account */
/* -------------------------------------------------------------------------------- */
.woocommerce-MyAccount-content form input,
.woocommerce-MyAccount-content form select,
.woocommerce-MyAccount-content form textarea,
.woocommerce-MyAccount-content form input:focus,
.woocommerce-MyAccount-content form select:focus,
.woocommerce-MyAccount-content form textarea:focus,
.select2-selection__rendered {
  color: #fff !important;
  border: 1px solid #fff;
}

/* Big Dashboard */

.dashboard-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.dashboard-boxes .dashboard-boxes__box {
  padding: 30px;
  background-color: #fff;
}

.dashboard-boxes .dashboard-boxes__box > * {
  color: #000 !important;
}

/* -------------------------------------------------------------------------------- */
/* ! Products archive */
/* -------------------------------------------------------------------------------- */
.post-type-archive-product [data-products="type-2"] .product {
  background-color: #fff;
  color: #000;
}
.post-type-archive-product [data-products="type-2"] .product > *,
.post-type-archive-product [data-products="type-2"] .product .price {
  color: #000;
}

/* -------------------------------------------------------------------------------- */
/* ! Products */
/* -------------------------------------------------------------------------------- */
.single-product {
  background: #fff;
}

.single-product .ct-container-full {
  padding-top: 0;
}

.single-product #primary {
  margin-top: 0 !important;
}

.product-container {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  width: 80%;
}

.product-container .product-content {
  width: 70%;
}

.product-container .product-sidebar {
  width: 30%;
  position: sticky;
  top: 30px;
}

.product-content > .alignfull {
  margin-left: calc(-35vw + 35%);
  margin-right: calc(-35vw + 35%);
  max-width: 70vw;
  width: 70vw;
}

.product-content .hero {
  position: relative;
  padding-block: 70px;
  /* background: url(static/imgs/texture-toshiro-bg.jpg); */
}

.product-content .hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background: url(static/imgs/texture-toshiro-bg.jpg) top left repeat;
  margin-left: calc(-50vw + 72%);
  z-index: -1;
}

.product-content .hero hr {
  width: 30px;
  height: 5px;
  background-color: var(--theme-global-color-5);
  margin-bottom: 0;
}

.product-container .product-sidebar {
  color: #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #fff;
}

.product-container .product-sidebar .product-sidebar__content {
  padding: 20px;
}

.product-container .product-sidebar__add-to-cart {
  display: flex;
  gap: 30px;
  align-items: center;
}

.product-container .product-sidebar .product-price {
  color: #000;
  margin-bottom: 0;
}

.product-container .product-sidebar .preview__specs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product-container .product-sidebar .preview__specs li {
  border-bottom: 1px solid #000;
  padding-block: 10px;
}

.product-container .product-sidebar .preview__specs li:last-child {
  border-bottom: none;
}

.product-content .course-description {
  color: #000;
  margin-block: 30px;
}

.product-content h2,
.product-content h3,
.product-content h4,
.product-content h5 {
  color: #000;
  margin-block: 10px;
}

/* Shop Page */
select.orderby {
  border: 1px solid #fff;
}
.select.orderby:focus {
  color: #fff;
}
select.orderby > option {
  color: #000;
}

select.orderby {
  color: #fff;
}

p.woocommerce-result-count {
  display: none;
}

/* -------------------------------------------------------------------------------- */
/* ! Cart Page */
/* -------------------------------------------------------------------------------- */
.ct-woocommerce-cart-form,
.ct-woocommerce-cart-form a,
.ct-woocommerce-cart-form .price {
  color: #fff;
}

input#coupon_code {
  background: #fff;
}

/* -------------------------------------------------------------------------------- */
/* ! Cart Page */
/* -------------------------------------------------------------------------------- */
td.product-remove svg {
  fill: #fff;
}

/* -------------------------------------------------------------------------------- */
/* ! Checkout */
/* -------------------------------------------------------------------------------- */

form[name="checkout"] {
  color: #fff;
}

form[name="checkout"] .ct-customer-details input,
form[name="checkout"] .ct-customer-details textarea,
form[name="checkout"] .ct-customer-details .select2-selection__rendered {
  color: #fff;
  border: 1px solid #fff;
}

form[name="checkout"] .ct-customer-details .select2-selection__rendered {
  color: #fff !important;
}

.select2-selection__arrow b {
  border-color: #fff transparent transparent transparent !important;
}

span.select2-container .select2-selection--single {
  border: none !important;
}

.checkout .ct-order-review {
  border: 1px solid #fff;
}

/* -------------------------------------------------------------------------------- */
/* ! Product Page */
/* -------------------------------------------------------------------------------- */
.main-product-page > .hero {
  width: 100%;
  background: url(static/imgs/texture-toshiro-bg.jpg) top left repeat;
  padding-block: 70px;
}

.main-product-page .hero__inner {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  color: #fff;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
}

.main-product-page .hero__inner > * {
  width: 50%;
}

@media screen and (max-width: 968px) {
  .main-product-page .hero__inner > * {
    width: 100%;
  }
}

.main-product-page .hero__inner h1 {
  margin-bottom: 0;
}

.course-info {
  width: 80%;
  max-width: 1200px;
  margin-inline: auto;
  background: #fff;
  box-shadow: 10px 10px 100px rgba(0, 0, 0, 0.3);
  padding: 30px;
  margin-top: -30px;
}

.course-info .course-info__specs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.course-info .course-info__specs > * {
  width: 25%;
}

.course-description {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 70px;
}

.course-description img {
  margin-bottom: 30px;
}

.course-description h2,
.course-description h3,
.course-description h4,
.course-description h5,
.course-description h6 {
  color: #000;
}

/* -------------------------------------------------------------------------------- */
/* ! Course Page */
/* -------------------------------------------------------------------------------- */
.start-course-container {
  width: 100%;
  text-align: center;
}

.start-course-container .start-course-btn {
  display: inline-block;
  margin-top: auto;
  color: var(--theme-button-text-initial-color);
  border: var(--theme-button-border);
  background-color: var(--theme-button-background-initial-color);
  padding: 10px 20px;
  border-radius: 200px;
  font-weight: 600;
}

.start-course-container .start-course-btn:hover {
  color: var(--theme-button-text-hover-color);
  border-color: var(--theme-button-border-hover-color);
  background-color: var(--theme-button-background-hover-color);
}

/* -------------------------------------------------------------------------------- */
/* ! Lesson Page */
/* -------------------------------------------------------------------------------- */
body.ld-in-focus-mode,
body.ld-in-focus-mode .learndash-wrapper {
  background: #000 !important;
}