/*
Theme Name: Matimels

WooCommerce styles override
*/
/**
 * Shop tables
 */
table.shop_table_responsive thead {
  display: none; }

table.shop_table_responsive tbody th {
  display: none; }

table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both; }
  table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    float: left; }
  table.shop_table_responsive tr td.product-remove a {
    text-align: left; }
  table.shop_table_responsive tr td.product-remove::before {
    display: none; }
  table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
    display: none; }
  table.shop_table_responsive tr td.download-actions .button {
    display: block;
    text-align: center; }

@media screen and (min-width: 48em) {
  table.shop_table_responsive thead {
    display: table-header-group; }
  table.shop_table_responsive tbody th {
    display: table-cell; }
  table.shop_table_responsive tr th,
  table.shop_table_responsive tr td {
    text-align: left; }
  table.shop_table_responsive tr td {
    display: table-cell; }
    table.shop_table_responsive tr td::before {
      display: none; } }

/**
 * Products
 */
ul.products {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1em; }
  ul.products li.product {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0.5em;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    ul.products li.product .woocommerce-loop-product__link {
      text-decoration: none;
      color: inherit; }
    ul.products li.product h2.woocommerce-loop-product__title {
      font-size: 0.825rem;
      font-family: "Lato", sans-serif;
      font-weight: 400;
      margin: 0;
      text-align: center;
      padding: 0;
      margin: 0.5em 0; }
    ul.products li.product .price {
      margin: 0.5em 0;
      display: block;
      text-align: center;
      font-weight: 500; }
    ul.products li.product img {
      display: block;
      border-radius: 5px; }
    ul.products li.product .button {
      width: 100%;
      text-align: center;
      padding: 0.3em; }
  ul.products.products-slider {
    display: block; }
    ul.products.products-slider .slick-track {
      display: flex !important;
      margin-bottom: 1em;
      cursor: grab; }
    ul.products.products-slider .slick-slide {
      height: inherit !important;
      margin: 0 0.5em; }
    ul.products.products-slider .slick-list {
      margin: 0 -0.5em; }
  @media (max-width: 767.98px) {
    ul.products {
      grid-template-columns: 1fr 1fr;
      gap: 0.5em; }
      ul.products li.product .button {
        font-size: 0.825rem;
        padding: 0.5em; }
      ul.products.products-slider {
        display: block; }
        ul.products.products-slider .slick-track {
          display: flex !important;
          margin-bottom: 1em;
          cursor: grab; }
        ul.products.products-slider .slick-slide {
          height: inherit !important;
          margin: 0 0.25em; }
        ul.products.products-slider .slick-list {
          margin: 0 -0.25em; } }

/**
 * Single product
 */
.single-product div.product {
  position: relative; }
  .single-product div.product .woocommerce-product-gallery {
    position: relative;
    float: left; }
    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
      position: absolute;
      top: 1em;
      right: 1em;
      display: block;
      z-index: 99;
      text-decoration: none; }
    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper img {
      border-radius: 10px; }
    .single-product div.product .woocommerce-product-gallery .flex-viewport {
      margin-bottom: 1em; }
    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
      margin: 0;
      padding: 0; }
      .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
        list-style: none;
        cursor: pointer;
        float: left; }
        .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
          opacity: 0.5; }
          .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
            opacity: 1; }
        .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
          opacity: 1; }
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
      width: 48.1%; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
        margin-right: 0; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
        clear: both; }
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
      width: 30.79667%; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
        margin-right: 0; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
        clear: both; }
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
      width: 22.15%; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
        margin-right: 0; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
        clear: both; }
    .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
      width: 16.96%; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
        margin-right: 0; }
      .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
        clear: both; }

.stock:empty::before {
  display: none; }

.stock.in-stock {
  color: #0f834d; }

.stock.out-of-stock {
  color: #e2401c; }

/**
 * Checkout
 */
@media screen and (min-width: 768px) {
  .col2-set .form-row-first {
    float: left;
    margin-right: 3.8%; }
  .col2-set .form-row-last {
    float: right;
    margin-right: 0; }
  .col2-set .form-row-first,
  .col2-set .form-row-last {
    width: 48.1%; } }

/**
 * Account
 */
.woocommerce-account .u-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6em; }

.woocommerce-account .woocommerce {
  clear: both;
  overflow: auto; }

.woocommerce-account .form-row input.input-text {
  width: 100%; }

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 20%; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
      margin-bottom: 0.5em; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
      display: block;
      padding: 0.5em 1em;
      text-decoration: none;
      color: inherit;
      border-radius: 8px;
      border: 1px solid #D3D3D3; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
      border-color: #F7B607;
      background-color: #F7B607;
      color: white; }

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

.woocommerce-account .woocommerce-MyAccount-orders th, .woocommerce-account .woocommerce-MyAccount-orders td {
  padding: 0.5em; }

.woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a {
  display: inline-block;
  padding: 0.3em 0.5em;
  background-color: #D3D3D3;
  color: inherit;
  text-decoration: none;
  border-radius: 5px; }
  .woocommerce-account .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-number a:hover {
    background-color: #D3D3D3; }

.woocommerce-account .woocommerce-pagination {
  margin: 1em 0;
  text-align: right;
  border-top: 1px solid #D3D3D3;
  padding: 1em 0 0 0; }

.woocommerce-account .woocommerce-columns--addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4em; }

.woocommerce-account .woocommerce-table--order-details {
  background-color: #D3D3D3;
  border-radius: 15px;
  padding: 2em; }
  .woocommerce-account .woocommerce-table--order-details th, .woocommerce-account .woocommerce-table--order-details td {
    padding: 1em 0.5em;
    text-align: left; }
  .woocommerce-account .woocommerce-table--order-details tr:not(:last-child) th, .woocommerce-account .woocommerce-table--order-details tr:not(:last-child) td {
    border-bottom: 1px solid #D3D3D3; }
  .woocommerce-account .woocommerce-table--order-details .wc-item-meta {
    font-size: 0.825rem;
    margin-top: 1em;
    list-style: none;
    margin: 0;
    padding: 0 1em; }
  .woocommerce-account .woocommerce-table--order-details .product-name a {
    font-weight: 600;
    color: #F7B607;
    text-decoration: none; }
    .woocommerce-account .woocommerce-table--order-details .product-name a:hover {
      opacity: 0.8; }

@media (max-width: 767.98px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: 100%;
    margin-bottom: 2em; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul {
      display: flex;
      align-items: center;
      gap: 0.5em;
      overflow-x: auto; }
      .woocommerce-account .woocommerce-MyAccount-navigation ul li {
        display: inline-block;
        white-space: nowrap; }
        .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
          margin-bottom: 0; }
      .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
        display: none; }
  .woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%; }
  .woocommerce-account .woocommerce-columns--addresses {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2em; }
  .woocommerce-account .u-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2em; } }

/**
 * General WooCommerce components
 */
/**
 * Header cart
 */
.site-header-cart {
  position: relative;
  margin: 0;
  padding: 0; }
  .site-header-cart .cart-contents {
    text-decoration: none; }
  .site-header-cart .widget_shopping_cart {
    display: none; }
  .site-header-cart .product_list_widget {
    margin: 0;
    padding: 0; }

/**
 * Star rating
 */
.star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  width: 5.3em;
  font-family: star;
  font-weight: 400; }
  .star-rating::before {
    content: "\53\53\53\53\53";
    opacity: 0.25;
    float: left;
    top: 0;
    left: 0;
    position: absolute; }
  .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em; }
  .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: #4169e1; }

p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  margin-right: 1px;
  font-weight: 400; }
  p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: star;
    content: "\53";
    color: #707070;
    text-indent: 0;
    opacity: 0.25; }
  p.stars a:hover ~ a::before {
    content: "\53";
    color: #707070;
    opacity: 0.25; }

p.stars:hover a::before {
  content: "\53";
  color: #4169e1;
  opacity: 1; }

p.stars.selected a.active::before {
  content: "\53";
  color: #4169e1;
  opacity: 1; }

p.stars.selected a.active ~ a::before {
  content: "\53";
  color: #707070;
  opacity: 0.25; }

p.stars.selected a:not(.active)::before {
  content: "\53";
  color: #4169e1;
  opacity: 1; }

/**
 * Tabs
 */
.woocommerce-tabs ul.tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left; }
  .woocommerce-tabs ul.tabs li {
    display: block;
    margin: 0;
    position: relative; }
    .woocommerce-tabs ul.tabs li a {
      padding: 1em 0;
      display: block; }

.woocommerce-tabs .panel h2:first-of-type {
  margin-bottom: 1em; }

/**
 * Password strength meter
 */
.woocommerce-password-strength {
  text-align: right; }
  .woocommerce-password-strength.strong {
    color: #0f834d; }
  .woocommerce-password-strength.short {
    color: #e2401c; }
  .woocommerce-password-strength.bad {
    color: #e2401c; }
  .woocommerce-password-strength.good {
    color: #3d9cd2; }

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 #0f834d; }

.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 2px 0 0 #e2401c; }

.required {
  color: #f00; }

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: white;
  clear: both; }

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  gap: 0.5em;
  background-color: #e2fcf0;
  border: 1px solid #0f834d;
  padding: 0.5em;
  color: #0f834d;
  margin: 1em 0;
  border-radius: 8px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em; }
  .woocommerce-message .button,
  .woocommerce-info .button,
  .woocommerce-error .button {
    background-color: #0f834d; }
    .woocommerce-message .button:hover,
    .woocommerce-info .button:hover,
    .woocommerce-error .button:hover {
      background-color: #14b168; }

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: #e3f1f8; }

.woocommerce-info {
  border: 1px solid #3d9cd2;
  padding: 0.5em;
  color: #3d9cd2;
  margin: 1em 0;
  border-radius: 8px; }
  .woocommerce-info .button {
    background-color: #3d9cd2; }
    .woocommerce-info .button:hover {
      background-color: #66b1dc; }

.woocommerce-error {
  background-color: #fcebe7;
  border: 1px solid #e2401c;
  padding: 0.5em;
  color: #e2401c;
  margin: 1em 0;
  border-radius: 8px; }

.demo_store {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  background-color: #3d9cd2;
  z-index: 9999; }

.woocommerce-breadcrumb {
  font-size: 0.825rem; }
  .woocommerce-breadcrumb a {
    text-decoration: none; }
    .woocommerce-breadcrumb a:hover {
      color: #F7B607; }

.password-input {
  position: relative;
  display: block; }
  .password-input .show-password-input {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0; }
    .password-input .show-password-input:before {
      content: "\f06e";
      font-family: "Font Awesome 6 Free"; }
    .password-input .show-password-input.display-password {
      color: #F7B607; }

@media screen and (min-width: 48em) {
  /**
	 * Header cart
	 */
  .site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
    left: -999em;
    display: block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
  .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
    left: 0;
    display: block; } }

/**
 * WooCommerce widgets
 */
/**
 * WooCommerce Price Filter
 */
.widget_price_filter .price_slider {
  margin-bottom: 1.5em; }

.widget_price_filter .price_slider_amount {
  text-align: right;
  line-height: 2.4; }
  .widget_price_filter .price_slider_amount .button {
    float: left; }

.widget_price_filter .ui-slider {
  position: relative;
  text-align: left; }

.widget_price_filter .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  cursor: ew-resize;
  outline: none;
  background: #4169e1;
  box-sizing: border-box;
  margin-top: -0.25em;
  opacity: 1; }
  .widget_price_filter .ui-slider .ui-slider-handle:last-child {
    margin-left: -1em; }
  .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
    box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1); }

.widget_price_filter .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  background: #4169e1; }

.widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: rgba(0, 0, 0, 0.1); }

.widget_price_filter .ui-slider-horizontal {
  height: 0.5em; }

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  height: 100%; }
