/*
Theme Name: Online Toys Shop
Theme URI: https://www.themescarts.com/products/online-toys-shop
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: Online Toys Shop Theme provides a structured storefront for displaying products, categories, offers, and essential shopping information. Toy Stores can organize products into clear categories and present product images, prices, descriptions, and other details through dedicated layouts. The responsive design adjusts content across desktop, tablet, and mobile screens, while readable typography and organized navigation support consistent browsing. Online Toy Shops can use product grids and category sections to arrange different collections within the storefront. Kids Toy Businesses can present featured products, promotional sections, and selected categories on the homepage. Educational Toy Stores can organize learning products into separate collections for easier browsing. Baby Product Stores can display product information through dedicated product pages with supporting images and descriptions. Children’s Gift Shops can use featured sections to highlight selected items or seasonal collections. The theme includes eCommerce functionality for product listings, shopping carts, and checkout pages. Customization options provide control over colors, typography, layouts, and other visual elements. Homepage sections can also be arranged according to the store’s content structure. Plugin compatibility can extend available features when additional functionality is required.
Version: 1.2
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: online-toys-shop
Requires at least: 5.5
Requires PHP: 5.6
Tested up to: 7.1
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-site-editing, full-width-template, featured-images, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, e-commerce, blog, photography

Online Toys Shop Theme has been created by ThemesCarts(themescarts.com), 2026.
Online Toys Shop Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration-style: solid;
}
.wp-block-navigation .wp-block-navigation-item a{
	padding: 8px 18px;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item.current-menu-item a{
	color: var(--wp--preset--color--background) !important;
	border-radius: 35px;
}
.wp-block-navigation .wp-block-navigation-item a{
	position: relative;
}
.wp-block-navigation .wp-block-navigation-item a:hover:after,
.wp-block-navigation .wp-block-navigation-item.current-menu-item a:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: var(--wp--preset--color--background);
	opacity: 0.1;
	top: 0;
	left: 0;
	border-radius: 6px;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}

/* Header Image */
.banner-wrap.inner-header-box{
	position: relative;
}
.banner-wrap.inner-header-box:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.6;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.banner-wrap.inner-header-box .wp-block-cover__inner-container{
	z-index: 1;
}

/* Header Section */
.main-header .top-header .top-info-box a, .main-header .top-header .top-info-box p{
	display: flex;
}
.main-header .top-header .top-info-box i{
	margin-top: 4px;
	margin-right: 6px;
}
.main-header .top-header a, .main-header .header-phone-box a{
	text-decoration: none;
}
.main-header .top-header a:hover, .main-header .header-phone-box a:hover{
	color: var(--wp--preset--color--background);
}
.main-header .header-middle .header-mid-btns .header-btm-btn{
	background-color: var(--wp--preset--color--foreground);
	height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 17px;
}
.main-header .header-middle .header-cart-btn a.wc-block-cart-link{
	padding: 8px;
}
.main-header .header-middle .header-mid-btns a, 
.main-header .header-middle .header-cart-btn, 
.main-header .header-middle .header-account-btn,
.main-header .header-middle .header-mid-btns .header-btm-btn{
	aspect-ratio: 1;
	border-radius: 50%;
}
.main-header .header-middle .header-mid-btns a:hover, 
.main-header .header-middle .header-cart-btn:hover, 
.main-header .header-middle .header-account-btn:hover{
	background-color: var(--wp--preset--color--background) !important;
	color: var(--wp--preset--color--foreground) !important;
}
.main-header .header-phone-box, .main-header .header-phone-box .header-phone-boxes{
	position: relative;
}
.main-header .header-phone-box:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: var(--wp--preset--color--background);
	opacity: 0.1;
	border-radius: 6px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.main-header .header-phone-box .header-phone-boxes{
	z-index: 1;
}

.main-header .header-middle .header-search-box .top-search input.wp-block-search__input{
	background-color: transparent;
	border: none;
}
.main-header .header-middle .header-search-box .top-search button.wp-block-search__button{
	padding: 5px;
	background-color: var(--wp--preset--color--background);
	border-radius: 50%;
	aspect-ratio: 1;
    width: 32px;
    height: 32px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.main-header .header-middle .header-search-box .top-search button.wp-block-search__button svg{
	height: 10px;
	width: auto;
}
.main-header .header-middle .header-search-box .top-search{
	background-color: var(--wp--preset--color--foreground);
	border-radius: 12px;
	padding: 0px 5px;
}
.main-header .header-middle .header-search-box .top-search .wp-block-search__inside-wrapper{
	align-items: center;
}
.main-header .header-middle .header-phone-box{
	width: 200px;
}
.main-header .header-middle .top-search{
	width: 100%;
}
.main-header .header-middle .header-search-box .top-search button.wp-block-search__button:hover,
.main-header .menu-header .header-btn a:hover{
	background-color: var(--wp--preset--color--tertiary) !important;
}

/* Banner Section */
.main-slider-section .banner-left-box .banner-category-list{
	list-style: none;
	background-color: var(--wp--preset--color--foreground);
	padding: 21px 32px;
	border-radius: 12px 18px 18px 12px;
	max-height: 550px;
    overflow-y: scroll;
}
.main-slider-section .banner-left-box .banner-category-list a{
	text-decoration: none;
	text-transform: capitalize;
}
.main-slider-section .banner-left-box .banner-category-list li{
	border-bottom: 1px solid #919191;
	padding: 19px 22px 19px 25px;
	position: relative;
}
.main-slider-section .banner-left-box .banner-category-list li:before{
	content: '\f1b3';
	position: absolute;
	height: 22px;
	width: 22px;
	color: #000000;
	font-family: 'Font Awesome 7 Free';
	font-weight: 900;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.main-slider-section .banner-left-box .banner-category-list li:after,
.main-slider-section .banner-left-box .banner-category-title::after{
	content: '\f107';
	position: absolute;
	height: 22px;
	width: 22px;
	font-family: 'Font Awesome 7 Free';
	font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-slider-section .banner-left-box .banner-category-list li:after{
	right: 0px;
}
.main-slider-section .banner-left-box .banner-category-title::after{
	right: 10px;
}
.main-slider-section .banner-left-box .banner-category-list li:after{
	color: #000000;
}
.main-slider-section .banner-left-box .banner-category-title::after{
	color: #ffffff;
}
.main-slider-section .banner-left-box .banner-category-title{
	position: relative;
}
.main-slider-section .banner-left-box .banner-category-title::before{
	content: '\f0c9';
	position: absolute;
	height: 22px;
	width: 22px;
	font-family: 'Font Awesome 7 Free';
	font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
	left: 10px;
}
.main-slider-section .banner-left-box{
	margin-top: -80px;
}
.main-slider-section .banner-left-box .banner-category-list::-webkit-scrollbar-track{
	background-color: var(--wp--preset--color--background-three);
}
.main-slider-section .banner-left-box .banner-category-list::-webkit-scrollbar{
	width: 3px;
	background-color: var(--wp--preset--color--background-three);
}
.main-slider-section .banner-left-box .banner-category-list::-webkit-scrollbar-thumb{
	background-color: #000000;
}

/* Slider Section */
.main-slider-section .slider-box{
	position: relative;
}
.main-slider-section .slider-box .owl-dots{
	position: absolute;
	left: 5%;
	bottom: 10%;
	margin-top: 0;
}
.main-slider-section .slider-box .owl-dots .owl-dot{
	padding: 6px;
    background: var(--wp--preset--color--foreground);
    margin: 5px;
    border-radius: 50%;
}
.main-slider-section .slider-box .owl-dots .owl-dot.active{
	background-color: var(--wp--preset--color--background);
}
.main-slider-section .slider-box .slider-btn a{
	transition: 1s;
}
.main-slider-section .slider-box .slider-btn a:hover{
	background-color: var(--wp--preset--color--background) !important;
	color: #ffffff !important;
}

/* Products Section */
.product-section .product-info-box .product-box-title a{
	text-decoration: none;
}
.product-section .product-info-box .product-box-img img{
	object-fit: contain;
}
.product-section .product-info-box:hover .product-box-title a{
	color: var(--wp--preset--color--background) !important;
}
.product-section .product-info-box:hover .product-box-img{
	transform: scale(0.9) rotate(3deg);
}
.product-section .product-info-box:hover .product-box-img{
	transition: 1s ease-in-out;
}

/* Latest Blog */
.site-blog-box .post-main-area:hover .wp-block-post-title a{
	color: var(--wp--preset--color--background);
}
.site-blog-box .post-main-area:hover .post-main-btn .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{
	background: var(--wp--preset--color--background);
}
.site-blog-box .post-main-area{
	box-shadow: 0 0 5px 2px #e5e5e5;
}
.site-blog-box .post-main-area .post-main-btn .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{
    background: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--foreground);
    padding: 10px 20px;
    border-radius: 12px;
    text-decoration: none;
}
.site-blog-box .img-box{
	position: relative;
}
.site-blog-box .date-box{
	width: fit-content;
	position: absolute;
	left: 10px;
	bottom: 10px;
}

/* Scroll Up */
footer .scroll-up-btn a{
	aspect-ratio: 1;
}
footer .scroll-up-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
	cursor: pointer;
}
footer .scroll-up-btn.show {
    opacity: 1;
    visibility: visible;
}
.footer-boxes .wp-block-social-links li:hover{
	background-color: var(--wp--preset--color--background) !important;
}
.footer-boxes .wp-block-social-links li:hover a svg{
	color: #ffffff !important;
	fill: #ffffff !important;
}
.footer-div a{
	text-decoration: none;
}
.footer-div a:hover{
	color: var(--wp--preset--color--background);
}
.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}
.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}
.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}
.sidebar-area-wrap .wp-block-search .wp-block-search__button, .comment-respond .form-submit input.wp-block-button__link{
	outline-color: var(--wp--preset--color--background);
}
.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}
pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
.woocommerce-cart .shop_table.cart .coupon input, .woocommerce-cart .shop_table.cart .coupon button.button{
	width: 200px !important;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;
}
.buy-now-button{
	padding: 5px 10px !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--background) !important;
}
.buy-now-button:hover{
	background: #000 !important;
}
a.added_to_cart.wc-forward {
    background-color: #32373c;
    color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}
.post-page-area li.product a.added_to_cart.wc-forward{
	position: absolute;
    left: 0;
}

/* Pagination */
.post-pgntion{
	gap: 5px;
}
.post-pgntion .page-numbers, .post-pgntion .wp-block-query-pagination-next{
	background-color: var(--wp--preset--color--background);
	color: #ffffff;
	padding: 10px 18px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
}
.post-pgntion .wp-block-query-pagination-next{
	line-height: 1.3;
}
.post-pgntion .page-numbers.current{
	background-color: var(--wp--preset--color--tertiary);
}

/*  Account Page CSS */
.woocommerce-account h2 {
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
	background: var(--wp--preset--color--background);
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
	padding: 8px 12px !important;
	font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
	color: #fff !important;
	text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-account .addresses .title .edit {
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:last-child {
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 2rem;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}
.meta-category a{
	color: #fff !important;
	text-decoration: none !important;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
	color: #fff !important;
	text-decoration: none;
}
.post-navigation-link-previous a,
.post-navigation-link-next a{
  background: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--secondary);
  padding: 7px 20px;
  border-radius: 5px;
}
.post-pgntion{
	margin-top: 40px;
}
.single-post .single-post-img{
	margin-left: 0 !important;
}