/*
Theme Name: wpmobile
Theme URI: https://wpmobileapp.net
Author: wpmobileapp.net
Author URI:
Description: A WordPress theme built primarily for mobiles with performance as its priority. It also adapts to PCs and tablets. On mobiles, an extremely lite design leaves the maximum space for your content. Sticky mobile bottom menu replaces the overlay menu to ease operation. Extremely lite CSS with NO superfluous machine-generated code. NO extra JS dependency. NO superfluous machine-generated HTML page. Theme design conforms to the optimization concept of Google Lighthouse and Search Console, refined by hundreds of hotjar UI analyses. Restyled WooCommerce plugin(from ver. 7.3) improves user experience and the conversion ratio, including a mobile product grid, buttons, input fields, breadcrumbs, tables, stars, reviews, etc. Maximumly utilized WooCommerce original functions retain the native performance. Browsers & embedded in apps compatible. Tested with all major browsers. Your site looks smooth & nice irrespective of the browser you use. Lots of app users shop on the site based on our theme, which is embedded in their apps. Multisite and multilanguage ready. RTL ready. AMP and PWA compatible. Premium add-ons are available without performance impact. Check the demo website at: https://wpmobileapp.net
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:
Text Domain: wpmobile
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/
/*common*/
:root {
--wpmobile-background-color: #fff;
--wpmobile-text-color: #43464e;
}
[data-theme="dark"] {
--wpmobile-background-color: #272727;
--wpmobile-text-color: #eee;
}
body {
background-color: var(--wpmobile-background-color);
color: var(--wpmobile-text-color);
}

h1{
font-size:1.75rem;
font-weight:600;
}
a{
text-decoration:none;
color:var(--wp--preset--color--vivid-cyan-blue);
}
a:visited{
text-decoration:none;
}
select{
font-size:1rem;
color:#43464e;
box-shadow:none;
border-width:0;
padding:0 24px 0 8px;
max-width:25rem;
appearance:none;
background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
background-size:16px 16px;
cursor:pointer;
border-left:1px solid #949494;
border-right:1px solid #949494;
}
table, table td, table th{
border:1px solid #ddd;
border-collapse:collapse;
border-spacing:0;
}
input[type="search"]{
background:transparent;
appearance:none;
}

/*top menu*/
header a, header a:visited{
color:inherit;
}
.wpmobile_header{
max-width:1560px;
margin:auto;
}
.wpmobile_search_head .wp-block-search__inside-wrapper{
padding:0;
border-width:0 0 1px 0;
}
.wpmobile_search_head .wp-block-search__inside-wrapper .wp-element-button{
padding:0;
background:transparent;
color:inherit;
}
.wpmobile_search_head .wp-block-search__button svg{
min-width:1.75rem;
min-height:1.75rem;
}
.wpmobile_myaccount img{
width:24px;
height:24px;
vertical-align:middle;
background-color: #fff;
stroke:inherit;
}
.wc-block-mini-cart__button{
margin-right:20px;
}
.wc-block-mini-cart__icon{
color:var(--wp--preset--color--luminous-vivid-orange);
}
.wc-block-mini-cart__badge{
font-weight:normal;
color:#fff;
background:var(--wp--preset--color--luminous-vivid-orange);
}
/*WordPress button*/
.wp-element-button,.wp-block-button__link,input[type="button"],input.button
{
background-color:#e8f0ff;
color:var(--wp--preset--color--vivid-cyan-blue);
font-size:0.9rem;
padding:0.9rem 1.1rem;
border:0;
}
main .taxonomy-category.wp-block-post-terms{
padding-left:8px;
border-left:4px solid var(--wp--preset--color--wpmobile-primary);
}
main .taxonomy-post_tag.wp-block-post-terms a{
padding:2px 4px;
background:var(--wp--preset--color--wpmobile-ivory);
margin:0 6px 6px 0;
display:inline-block;
}
.taxonomy-post_tag.wp-block-post-terms .wp-block-post-terms__separator{
display:none;
}
/*link in content and comment*/
.wp-block-post-content p a,.wp-block-comment-content p a{
text-decoration:underline;
}
/*post end*/
li.wp-block-post.post.type-post.format-standard.hentry div.wp-block-spacer{
position:relative;
}
li.wp-block-post.post.type-post.format-standard.hentry div.wp-block-spacer:before{
content: "";
position:absolute;
z-index:0;
top:50%;
left:50px;
right:50px;
height:1px;
background:linear-gradient(90deg, white, #848484, white);
}
/*comment button*/
.form-submit input[type="submit"]
{
border-bottom-left-radius:0;
}
/*footer*/
footer a,footer a:visited{
color:var(--wp--preset--color--white);
}
footer.has-wpmobile-grey-background-color>div{
max-width:1560px;
margin:auto;
}
.creditcards{
padding:0;
}
.creditcards li{
display:inline-block;
width:40px;
}
/*footer svg icon*/
footer p svg{
height:1rem;
vertical-align:middle;
fill:currentcolor;
}
/*mobile buttons*/
div:not(.block-editor-block-list__layout) .wp-block-buttons.wpmobile_mobile,div:not(.block-editor-block-list__layout) .wp-block-cover.wpmobile_mobile{
display:none;
}
div:not(.block-editor-block-list__layout) div.wpmobile_bottom_menu{
display:none
}
/* fix wp6.1 appearance editor*/
.wpmobile_bottom_menu div{
min-height:22px !important;
}
.wpmobile_bottom_menu img{
height:22px;
width:auto;
margin-top:5px;
}
div:not(.block-editor-block-list__layout) .wpmobile_bottom_menu figcaption{
margin-top:-1.25em;
}
.wpmobile_qrcode img{
transition: all .6s;
}
.wpmobile_qrcode img:hover{
transform: scale(1.3);
}


/*woocommerce*/
/*front newest product*/
.wpmobile_newest_product .wc-block-grid__products{
max-width:100%;
}
.wpmobile_newest_product .wc-block-grid__product-title, .wpmobile_newest_product .wc-block-grid__product-price{
font-size:1rem;
}
.wpmobile_newest_product .wc-block-grid__product-title{
font-weight:500;
}
.wc-block-grid__product-image img{
border-radius:8px;
}
/*left tab*/
.wpmobile_left_panel{
border-width:0 1px 0 0;
border-style:solid;
border-color:#ddd;
box-shadow:10px 0 15px -8px #eee;
}
/*left tab cat*/
.wc-block-product-categories-list
{
padding-left:0;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image{
border-color:#fff0;
}
.wc-block-product-categories-list .current_cat{
background:linear-gradient(90deg, transparent, #f3f3f3, #f3f3f3);
}
.wc-block-product-categories-list-item{
min-height:2rem;
line-height:2rem;
padding:0.5rem 0 0.5rem 0.5rem;
border-top:1px solid #ddd;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item{
margin-top:0;
margin-bottom:0;
}
.wc-block-product-categories-list-item a{
line-height:1rem;
}
/*cat count*/
.wc-block-product-categories-list-item-count{
float:right;
line-height:50px;
margin-right:1rem;
color:#777;
font-size:var(--wp--preset--font-size--small);
}
.wc-block-product-categories-list-item-count:before{
content:'';
}
.wc-block-product-categories-list-item-count:after{
content:'+';
}
/*left tab tags*/
.wpmobile_p_tag{
border-top:5px solid var(--wp--preset--color--wpmobile-primary);
padding-top:0.6rem;
}
.wpmobile_p_tag .tag-group-a, .wpmobile_p_tag .tag-group-a span{
font-size:1rem;
height:2rem;
line-height:2rem;
vertical-align:middle;
}
.tag-group-a svg{
height:2rem;
float:right;
}
.wpmobile_p_tag .tag-group-a{
border-bottom:1px solid #ddd;
display:block;
margin:0 1rem 0 0.75rem;
padding:0.5rem 0 0.5rem 0.25rem;
stroke:currentcolor;
}
.wpmobile_p_tag a{
display:inline-block;
line-height:1rem;
color:#555;
}
.wpmobile_p_tag a{
border-left:3px solid var(--wp--preset--color--wpmobile-primary);
margin:0.5rem 0 0.5rem 0.75rem;
padding:2px 0 2px 0.25rem;
position:relative;
}
.wpmobile_p_tag span.wp-block-post-terms__separator{
display:none;
}
.wpmobile_p_tag a div{
position:absolute;left:0;bottom:0;
height:3px;border-bottom:1px dashed var(--wp--preset--color--wpmobile-primary);border-right:1px solid var(--wp--preset--color--wpmobile-primary);
}
/*color tag*/
.wpmobile_p_tag .tag_color{
display:inline-block;
vertical-align:bottom;
width:1rem;
height:1rem;
border:1px solid rgba(0,0,0,0.3);
border-radius:50%;
margin:0 2px 0 0;
}
/*current tag*/
.current_group_tag{
display:block !important;
}
.current_tag{
background-color:lightyellow;
}
.wpmobile_p_tag .returnlast{
border-left-width:9px;
border-left-style:double;
}
/**/
.term-description, .wp-block-term-description{
background:#f8f8f8;
}
.term-description p, .wp-block-term-description p{
padding:5px 10px;
}
.term-description a,.term-description a:visited{
color:var(--wp--preset--color--vivid-cyan-blue);
}
/*right pulldown option*/
.woocommerce .woocommerce-ordering{
max-width:100%;
}
.woocommerce .woocommerce-ordering select{
background-color:transparent;
margin-right:1px;
max-width:100%;
overflow:hidden;
}
/*woocommerce common*/
.woocommerce input[type="submit"],.woocommerce input.input,.woocommerce input#input,.woocommerce input[name="submit"],.woocommerce input[value="submit"],
.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce input.button,.woocommerce input.button.alt,
.woocommerce button.button,.woocommerce button.button.alt,.woocommerce a.button,.woocommerce a.button.alt{
background-color: #e8f0ff;
color:var(--wp--preset--color--vivid-cyan-blue);
font-size:0.9375rem;
border-radius:0;
padding:0.9rem 1.1rem;
border:0;
cursor:pointer;
}
.woocommerce-page .input-text{
border:1px solid #d3ced2;
}
.woocommerce-page .input-text.qty{
color:#43464e;
font-size:var(--wp--preset--font-size--normal);
line-height:2.75rem;
padding:0 2px 0 1rem;
border:1px solid #949494;
}
.woocommerce .woocommerce-breadcrumb a{
color:var(--wp--preset--color--vivid-cyan-blue);
}
/*price color*/
.woocommerce-page bdi, .woocommerce-Price-amount{
color:#678b57;
font-weight:600;
}
/*woocommerce grid*/
.woocommerce ul.products li.product a img{
border:1px solid #eee;
border-radius:8px;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
font-size:1rem;
}
/*product picture*/
.woocommerce div.product div.images img{
border-radius:10px;
}
.woocommerce div.product div.images .flex-control-thumbs{
margin-top:1rem;
}

.woocommerce div.product form.cart::after{
width:62%;
height:1.5rem;
border-bottom:1px solid #ddd;
}

/*input side button, add to cart*/
.woocommerce div.product .quantity+.single_add_to_cart_button{
min-height:calc(2.75rem + 2px);
}
/*cart*/
.woocommerce-cart-form__contents td, .woocommerce-cart-form__contents th{
border-width:0;
}
.woocommerce td.product-name dl.variation p{
display:inline;
}
.woocommerce-page .woocommerce-cart-form #coupon_code, .woocommerce-page .woocommerce-cart-form .actions .button{
font-size:0.9rem;
}
.woocommerce-page .select2-container .select2-selection{
font-size:var(--wp--preset--font-size--normal);
padding:0.75rem 1rem;
height:3.2rem;
}
.woocommerce-shipping-methods li{
padding-left:19px;
text-indent:-19px;
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button,.woocommerce-info .showcoupon{
display:block;
padding:0.5rem 5px;
background:#e8f0ff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%230693e3%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
}
.cart_totals #wpmobile_cart_hint:before{
content:'\1F4A1';
position:absolute;
margin-left:-1.5rem;
}
/*checkout*/
.woocommerce .file-upload-info:before{
content:'\27A4';
margin-right:1rem;
}
.woocommerce .file-upload-info{
font-size:1.5rem;
font-style:italic;
}
.woocommerce-info .showcoupon{
display:inline-block;
padding:0.25rem 2rem 0.25rem 5px;
}
.woocommerce-page table.woocommerce-checkout-review-order-table{
width:100%;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td,
.woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th{
border-width:0;
}
.woocommerce-page table.shop_table tr{
border:1px solid rgba(0,0,0,.1);
}

/*product page. thumbnail*/
.woocommerce .product.has-post-thumbnail .flex-control-nav.flex-control-thumbs{
max-height:430px;
overflow-y:auto;
}
/*product page. review*/
.woocommerce .review.odd .comment-text{
background-color:#f7f7f7;
}
.woocommerce #reviews #comments ol.commentlist ul.children .comment-text{
background-color:lightyellow;
}
.woocommerce-review__author{
font-size:0.875rem;
color:#43464e;
display:block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta:after{
content:'';
display:block;
width:180px;
height:4px;
max-width:100%;
border-bottom:1px solid #ccc;
}
.woocommerce #review_form #respond textarea{
border-style:dashed;
}
.woocommerce #review_form .comment-form-author,.woocommerce #review_form .comment-form-email{
border-bottom:1px dashed #949494;
}
.woocommerce #review_form .comment-form-author input,.woocommerce #review_form .comment-form-email input{
height:22px;
border:0;
margin-left:10px;
}
.woocommerce .star-rating span::before{
color: var(--wp--preset--color--vivid-green-cyan);
}


@media only screen and (max-width:768px){
	/*mobile bottom menu*/
	div:not(.block-editor-block-list__layout) div.wpmobile_bottom_menu{
		display:flex;
		gap:0;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 43px;
		margin: 0 auto;
		padding: 0;
		background: #ffffffe6;
		z-index: 999999;
		border-top: 1px solid #dddddde6;
		overflow:hidden;
	}
	.wpmobile_bottom_menu figure{
		display: inline-block;
		width: 100%;
		min-width:20%;
		height:100%;
		text-align: center;
		list-style: none;
	}
	.wpmobile_bottom_menu a{
		display:inline-block;
		width:100%;
		height:100%;
	}
}

@media screen and (max-width:480px){
	h1{
		font-size:1.5rem;
		margin:0.5rem 0;
	}
	h2{
		font-size:1.25rem;
	}
	/*mobile top menu*/
	body .wpmobile_header{
		gap:0;
		margin-bottom:0;
	}
	.wpmobile_header_left{
		flex-basis:35% !important;
	}
	.wpmobile_header_right{
		flex-basis:65% !important;
	}
	nav.wpmobile_navigation_hide:not(.is-responsive), .wpmobile_myaccount, .wpmobile_minicart_hide, .wpmobile_mobile_hide{
		display:none;
	}
	.wpmobile_search_head{
		width:170px;
	}
	main, .wp-block-group.is-layout-constrained{
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	/*hero*/
	.wpmobile_hero_resize{
		height:215px;
		min-height:215px;
	}
	.wpmobile_hero_hide{
		display:none;
	}
	.wpmobile_hero_resize .wp-block-buttons .wp-block-button .wp-block-button__link{
		border:none;
		text-decoration:underline;
		padding-top: var(--wp--preset--spacing--20);
		padding-right: var(--wp--preset--spacing--30);
		padding-bottom: var(--wp--preset--spacing--20);
		padding-left: var(--wp--preset--spacing--30);
	}
	div:not(.block-editor-block-list__layout) .wp-block-buttons.wpmobile_mobile,div:not(.block-editor-block-list__layout) .wp-block-cover.wpmobile_mobile{
		display:flex;
	}
	.wp-block-buttons.wpmobile_mobile.wpmobile_mobile_buttons .wp-block-button__link{
		border:2px solid #fff;
		box-shadow:0 5px 20px #bbb;
	}
	
	/*front newest product*/
	.wpmobile_newest_product .wc-block-grid__products{
		white-space:nowrap;
		overflow-x:auto;
	}
	.wpmobile_newest_product .wc-block-grid__products li.wc-block-grid__product{
		display:inline-block;
	}
	.wpmobile_newest_product .wc-block-grid__products li.wc-block-grid__product img{
		max-height:300px;
	}
	/*left cat*/
	.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item{
		margin:0;
		display:flex;
		align-items:center;
		padding-left:4px;
	}
	.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image,
	.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item-count{
		display:none;
	}
	/*left tag*/
	.wpmobile_p_tag a.tag-group-a{
		margin-left:0;
		margin-right:0;
		overflow:hidden;
	}
	.wpmobile_p_tag a{
		display:flex;
		align-items:center;
		min-height:2rem;
		font-size:11px;
		margin-left:0;
		padding-left:2px
	}
 	.wpmobile_p_tag span.tag_color{
		width:14px;
		min-width:14px;
		height:14px;
	}
	/*cat product grid*/
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product,
	.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
		width:97%;
		float:left;
		margin-bottom:1rem;
		background:#fff;
	}
	.woocommerce ul.products li.product a img{
		width:50%;
		float:left;
		margin:0;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size:1rem;
		font-weight:normal;
		line-height:1.2rem;
		padding-left:calc(50% + 0.5rem);
	}
	.woocommerce .products div.star-rating{
		margin-left:calc(50% + 0.5rem);
	}
	/*price, after add view cart*/
	.woocommerce ul.products li.product .price,
	.woocommerce a.added_to_cart{
		margin-left:calc(50% + 0.5rem);
	}
	.woocommerce ul.products li.product .button{
		margin-top:0;
		padding:10px;
		margin-left:calc(50% + 0.5rem);
		display:block;
		width:fit-content;
	}
	.woocommerce-cart .cart-collaterals a.shipping-calculator-button{
		background-position:5px 55%;
	}
	/*single page of product*/
	/*add cart input*/
	.woocommerce-page .input-text.qty{
		padding:0 1rem;
	}
	/*single page thumbnail*/
	.woocommerce .product.has-post-thumbnail ol.flex-control-nav.flex-control-thumbs{
		max-height:310px;
	}
	/*other colors of this product*/
	div.wpmobile_size_othercolors .tag_color{
		width:1.75rem;
		height:1.75rem;
	}
	/*product description tabs*/
	.woocommerce div.product .woocommerce-tabs ul.tabs li{
		display:block;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a{
		width:100%;
	}
	.cart_totals #wpmobile_cart_hint:before{
		position:relative;
		margin-right:0;
	}
	/*tabs description*/
	div.woocommerce-Tabs-panel figure.wp-block-image,div.woocommerce-Tabs-panel .has-nested-images figure.wp-block-image{
		max-width:100%;
	}
	.woocommerce-Tabs-panel figcaption.blocks-gallery-caption.wp-element-caption:before{
		left:0;
		width:1rem;
	}
	.woocommerce-Tabs-panel figcaption.blocks-gallery-caption.wp-element-caption:after{
		right:0;
		width:1rem;
	}
	.myfooter .cart-contents-count{
		color:var(--wp--preset--color--luminous-vivid-orange);
		background:#fff;
		border:1px solid var(--wp--preset--color--luminous-vivid-orange);
		font-size:14px;
		font-weight:700;
		line-height:1rem;
		padding:0 5px;
		width:auto;
		height:1rem;
		border-radius:0.5rem;
		display:inline-block;
		vertical-align:top;
		margin-left:-0.25rem;
	}
}

@media screen and (max-width:960px){
	.wpmobile_main_bg{
		padding:0;
	}
}

@media print{
	div.wpmobile_bottom_menu{
		display:none;
	}
}