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

.menu .ct-menu-link {
  text-transform: capitalize;
}

.categorys_container {
  max-width: 1175px;
  width: 100%;
  margin: 70px auto 0;
}

.categorys_home {
  display: flex;
  justify-content: center;
  gap: 20px 40px;
  list-style: none;
  padding: 0;
  flex-flow: wrap;
}

.categorys_home li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px 0;
  position: relative;
}

.categorys_home img {
  object-fit: contain;
  width: 161px;
  height: auto;
  transition: 0.2s ease-in-out;
  transition-property: transform, opacity;
}

.categorys_home img:hover {
  transform: scale(0.9);
}

.categorys_home .category_title {
  margin: 0;
}

.categorys_home .category_title a {
  color: #242424;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: flex;
  text-transform: uppercase;
}

.ct-footer-socials .ct-social-box {
  justify-content: center;
}

.slide-image-home img {
  width: 100dvw;
}

.products .product-category {
  width: 266px;
}
.products .product-category figure {
  margin: 0;
}
.products .product-category img {
  max-height: 147px;
}
.products .product-category .woocommerce-loop-category__title {
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  text-align: center;
  width: 266px;
  height: 46px;
}

.entry-content .products .product {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  padding-bottom: 20px;
}
.entry-content .products .product .woocommerce-loop-product__title {
  padding-inline: 15px;
  text-align: center;
}
.entry-content .products .product .price {
  text-align: center;
  color: #f1c40f;
  font-size: 16px;
}
.entry-content .products .product .entry-meta {
  text-align: center;
}
.entry-content .products .product .ct-woo-card-actions {
  margin-inline: auto;
}

/* sub Category */
.products .type-product {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
  padding-bottom: 20px;
}

.products .type-product .woocommerce-loop-product__title {
  padding-inline: 15px;
  text-align: center;
}
.products .type-product .price {
  text-align: center;
  color: #f1c40f;
  font-size: 16px;
}
.products .type-product .entry-meta {
  text-align: center;
}
.products .type-product .ct-woo-card-actions {
  margin-inline: auto;
}

.hero-section .entry-header .page-title {
  font-size: 50px;
}

.single-product .hero-section .entry-header {
  display: flex;
  justify-content: flex-end;
}

.single-product .hero-section .entry-header .ct-breadcrumbs {
  width: 50%;
  padding-left: 25px;
}

form.variations_form table.variations tr {
  align-items: flex-start;
}

#footer .ct-container {
  grid-template-columns: 1fr;
  justify-items: center;
}

#footer .ct-contact-info-block ul {
  flex-direction: row;
  gap: 30px;
}

#footer .contact-info {
  font-size: 13px;
}

#footer .contact-info .contact-title {
  color: #ffffff;
}

.woocommerce-order .woocommerce-order-details {
  margin-top: 50px;
}

select, textarea, input:is([type=url],[type=tel],[type=text],[type=time],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=number],[type=search],[type=password]), fieldset .wc-stripe-elements-field, .ff-inherit-theme-style .ff-el-form-control:not([size]):not([multiple]), span.select2-dropdown, span.select2-container .select2-selection--single .select2-selection__rendered {
	text-transform: initial;
}

body, h1, h2, h3, h4, h5, h6, label, figcaption, .wp-block-quote, .wp-block-pullquote, .ct-label, .site-title, .entry-meta, .ct-menu-badge, .entry-excerpt, .ct-post-title, .ct-breadcrumbs, .ct-header-text, .ct-product-sku, .ct-product-title, .author-box-bio, .author-box-name, .ct-contact-info, .site-description, .page-description, .mobile-menu a, .menu .ct-menu-link, .comment-reply-title, .ct-footer-copyright, .ct-language-switcher, :where(pre,code,samp,kbd), .onsale, .out-of-stock-badge, [class*=ct-woo-badge-], :is(.entry-summary,[data-products],.ct-trending-block,.ct-added-to-cart-product) .price, .ct-waitlist-message, .woocommerce-tabs .tabs, .woocommerce-tabs .ct-accordion-heading, .woocommerce-result-count, .ct-header-account-dropdown, .ct-module-title:is(p,span), .related-entry-title:is(p,span), .woocommerce-loop-product__title:is(p,span), .woocommerce-loop-category__title:is(p,span), .ct-shortcuts-bar, .ct-widget>*, .ct-dynamic-data-layer, .ct-dynamic-filter, .ct-search-results, .tutor-ratings, .tutor-meta>*, .tutor-course-details-title, .tutor-course-details-actions>a, .ct-language-switcher ul[data-placement] {
	text-transform: initial;
}



.ct-trending-block-item-content .meta-categories {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}

.um input[type=submit].um-button {
  background: #f7d152 !important;
  color: #000000;
}

.ct-header [data-id="menu"] .sub-menu {
  max-height: 720px;
  overflow-y: auto;
}

.ct-header [data-id="menu"] .more-items-container .sub-menu {
  overflow: initial;
}

.stk-block-carousel__content-wrapper .wp-block-image img {
	width: 100%;
    object-fit: cover;
}

/* Modal black friday */

.modal-blackfriday-overlay {
  display: none;
	justify-content: center;
    align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  cursor: pointer;
  animation: fadeIn 0.3s ease;
}

.modal-blackfriday-overlay.active {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Modal Content */
.modal-blackfriday-overlay .modal-content {
  position: relative;
  max-width: 600px;
    margin: 0 auto;
  cursor: default;
  animation: zoomIn 0.3s ease;
}

.modal-blackfriday-overlay .modal-content img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 4px;
}

/* Botón de cerrar */
.modal-blackfriday-overlay .close-btn {
  position: absolute;
  top: 0px;
  right: 0;
  background: transparent;
  border: none;
  color: white;
  font-size: 40px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.modal-blackfriday-overlay .close-btn:hover {
  transform: scale(1.2);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  #header {
    position: sticky;
    top: -1px;
  }

  .single-product .hero-section .entry-header .ct-breadcrumbs {
    width: 100%;
    padding-left: 0;
  }
  
	.categorys_home {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.um:not(.um-admin) {
		width: 92% !important;
	}
}