/**
Theme Name: Astra Child Tayu Doll
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-tayu-doll
Template: astra
*/
.lazy-video {
    background: #f0f0f0; /* Placeholder background before loading */
    min-height: 200px; /* Adjust based on video dimensions, e.g., 360px for 16:9 at 640px width */
    width: 100%;
    height: auto;
    position: relative;
}

.lazy-video.loaded {
    background: none; /* Remove placeholder after full load */
}

/* Video container styles */
.tayu-video-container {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
}

/* Style for both video and iframe elements inside */
.tayu-video-container video,
.tayu-video-container iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    border-radius: 10px; /* Rounded corners */
}

@media screen and (min-width: 769px) {
    .tayu-video-container video,
    .tayu-video-container iframe {
        max-height: 80vh;
    }
}

@media screen and (max-width: 768px) {
    .tayu-video-container video,
    .tayu-video-container iframe {
        width: 100%;
        max-height: 500px;
    }
}

.tayu-warning {
    background-color: #e44f6c;           /* Softened version of #C9184A */
    border: 1px solid #c9184a;           /* Main brand color for border */
    color: #ffffff;                      /* White text for strong contrast */
    padding: 16px;
    margin: 20px 0;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.5;
    box-shadow: 0 0 0 3px rgba(201, 24, 74, 0.3); /* Subtle brand-colored glow */
}

.product-category .count {
display: none !important;
}

.woocommerce-loop-category__title {
  background-color: transparent !important;
  color: #fff !important;
  padding: 0 !important;
  position: static !important;
}

/* Sort the horizontal drifting problem on Mobiles */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }
}

/* Sort the header issue on Mobiles */
@media (max-width: 768px) {
  .ast-mobile-header-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
  }

  .ast-mobile-header-wrap .ast-site-identity {
    padding: 0 !important;
    margin: 0 auto !important;
  }

  .ast-mobile-header-wrap .ast-site-title,
  .ast-mobile-header-wrap .ast-site-logo-img {
    max-height: 10px !important; /* adjust as needed */
  }
}

/* For screens 920px and below  exclude homepage */
@media (max-width: 920px) {
  body:not(.home):not(.archive) .ast-woocommerce-container {
    padding-top: 100px !important;
  }
  
  /* archives only */
  body.archive.woocommerce .ast-woocommerce-container {
    padding-top: 150px !important;
  }
  
  /* On home page only */
  body.home .ast-woocommerce-container {
    padding-top: 0px !important;
  }
}

/* For screens wider than 920px  exclude homepage */
@media (min-width: 921px) {
	.ast-woocommerce-container {
		padding-top: 0px !important; /* or any value you want */
	}
}

body.home .wc-block-product {
	padding-top: 10px !important;
	margin-bottom: 0em !important;
}

/* For screens 920px and below */
@media (max-width: 920px) {
  body:not(.home) .content-area.primary {
    margin-top: 50px !important;
  }
}

/* For screens 920px and below – only on home page */
@media (max-width: 920px) {
  body.home .content-area.primary {
    margin-top: 100px !important;
  }
}

/* For screens wider than 920px */
@media (min-width: 921px) {
  body:not(.home) .content-area.primary {
    margin-top: 100px !important; /* or any value you want */
  }
}

/* Mobile: Add top padding for pages and blog posts only (excluding homepage) */
@media (max-width: 920px) {
  body.page:not(.home) .site .site-content #primary .ast-article-single,
  body.single-post:not(.home) .site .site-content #primary .ast-article-single {
    padding-top: 125px !important;
  }
}

/* Desktop: Remove top padding for pages and blog posts only (excluding homepage) */
@media (min-width: 921px) {
  body.page:not(.home) .site .site-content #primary .ast-article-single,
  body.single-post:not(.home) .site .site-content #primary .ast-article-single {
    padding-top: 0px !important;
  }
}

.tc-label-text {
  color: #FFFFFF; 
}

.woocommerce-terms-and-conditions-checkbox-text {
	color: #FFFFFF; 
}

.woocommerce-form__label-for-checkbox {
	color: #FFFFFF; 
}