/*
 Theme Name:   HA2023
 Description:  GeneratePress child theme for dogohoanganh.com
 Author:       Hung Pham
 Author URI:   https://hungpham.no
 Template:     generatepress
 Version:      2025.09
*/

/** general settings **/
body,
.site-header,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header,
.sidebar .widget {
    background-color: #D2D4C6;
}
h1, h2, h3 {
    text-transform: uppercase;
    font-weight: 300;
}
.main-title a {
    text-transform: uppercase;    
    text-shadow: 1px 2px 1px #efe;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
}
#content {
    padding: 30px 0;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: transparent;
}

figcaption {
    padding-bottom: 30px;
}
.giaithich {
    background-color: #fff4cc85;
    border-left: solid 3px #5f6b22;
    border-radius: 10px;
    padding: 20px;
}
/* Adding 'body' increases specificity to overrule the default plugin CSS */
.woocommerce img, 
.woocommerce-page img {
    height: unset !important; /* Or 'initial', or a specific value like 400px */
}

/** home **/
.wc-block-product-categories-list-item__name {
    padding: 15px 0;
    display: block;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}
.wc-block-product-categories-list-item a {
    text-decoration: none;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
    margin: 0 !important;
    max-width: 100% !important;
}
/** end of home **/

.single {
    padding-left: 10px;
    padding-right: 10px;
}
.single .entry-title,
.single .entry-meta {
    text-align: center;
}
.products h2 {
    text-transform: initial;
}
.topbar,
.site-footer {
    background-color: #6B7830;
}
.topbar {
    margin-bottom: 20px;
}
.topbar p {
    margin-bottom: 0;
    color: #fff;
}
.topbar a,
.site-footer a {
    color: #fff;
    text-decoration: none;
}
.inside-left-sidebar h2 {
    font-size: 20px;
    font-weight: 500;
}
.baiviet-moi h3 a {
    text-decoration: none;
    font-size: 25px;
    color: #000;
}
.baiviet-moi .read-more {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-size: 0.95em;
}
.dscat-home ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.baiviet-moi img,
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
    border-radius: 15px;
    border: 1px solid #ddd;
    box-shadow: 5px 7px 15px #b0afaf;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 20px;
}
.baiviet-moi img {
    padding: 10px;
}
.sidebar .widget {
    font-size: 0.9em;
}

/** category template **/
.gb-query-loop-pagination {
    font-size: 14px;
}
.gb-query-loop-pagination a.gb-button,
.gb-query-loop-pagination .gb-button {
    background-color: #5f6b22 !important;
    border-right: 1px solid #6B7830;
}

/** mobile portrait first **/
@media (max-aspect-ratio: 13/9) {

    /**** format for product categories in the homepage - grandbois styles */
    
    .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
        margin: 5px 0 15px;
        padding-bottom: 40px;
    }
    .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
        display: contents;
    }

    
    /**** end of format for product categories in the homepage - grandbois styles */
}

/** end of mobile portrait first **/

/** tablet portrait **/
@media (min-width: 768px) {
    .dscat-home li {
        width: 50%;
        padding: 5px;
    }
}
/** end of tablet portrait **/

/** desktop and mobile + tablet landscape screens **/
@media screen and (min-aspect-ratio: 13/9) {
    .main-navigation .inside-navigation {
        justify-content: center;
    }
    .main-navigation .inside-navigation a {
        font-weight: bold;
    }
    .is-left-sidebar {
        margin-top: 50px;
    }
    h2 {
        font-size: 28px;
    }

    .page-template-default .site-main .baiviet-moi,
    .post-template-default .site-main .baiviet-moi {
        width: 100%;
        margin: 50px auto;
    }

    /**** format for product categories in the homepage - grandbois styles 
    .dscat-home ul {
        margin: 0;
    }*/
    .dscat-home li {
        width: 50%;
        padding: 5px;
    }
    .dscat-home .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
        margin-bottom: 50px;
        margin-left: 0;
    }
    .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
        margin-left: 0;
        border: none;
        display: contents;
    }

    /** .wc-column-container ul li { **/
    .woocommerce ul.products li.product {
        border: 1px solid #bec2ab;
        border-radius: 5px;
        padding: 10px;
    }
    /*
    .wc-product-image .inside-wc-product-image {
        border: 1px solid #949d6c;
        border-radius: 5px;
        padding: 10px;
    }
    */
    .woocommerce ul.products li.product a img {
        width: 200px;
        height: 220px;
        object-fit: cover;
        border-radius: 10px;
    }
    /**** end of format for product categories in the homepage - grandbois styles */
}
/** end of desktop and mobile landscape screens **/






/**** color 
body,
.site-header,
.separate-containers .inside-article {
    background-color: #EBFFCC;
}
.baiviet-moi .gb-container {
    background-color: #F9FFE0;
}
***/


/*
.wc-block-grid__product-image {
    box-shadow: 0px 0px 10px #ccc;
    padding: 2px;
}
*/



/*** target-style 
.home-cats {
    background-color: #eaeaea;
    padding-top: 20px;
}
.woocommerce .related ul.products li.product a img,
.woocommerce .up-sells ul.products li.product a img,
.wc-block-grid__product-image img {
    border-radius: 10px;
    border: 1px solid #75804A;
    padding: 20px;
}
ul.wc-block-product-categories-list--has-images {
    margin: 0;
    text-align: center;
}
.wc-block-product-categories-list--has-images li {
    display: inline-flex;
    max-width: 20%;
    text-align: center;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
    margin-left: 10px;
    padding-bottom: 20px;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
    border: none;
    margin-left: 0;
    max-width: 70px;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
    border-radius: 50%;
}
.wc-block-product-categories-list--has-images li a,
.wc-block-product-categories-list--has-images li span {
    font-size: 0.95em;
    padding-top: 10px;
}



.wc-block-grid__product-link {
    text-decoration: none;
}
.wc-block-grid__product-title {
    font-weight: 400;
    font-size: 15px;
}
***/

/** single product page */
.woocommerce div.product .product_title {
    font-weight: 300;
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
    text-transform: uppercase;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    padding-top: 10px;
    margin: 0;
}
.product_meta {
    padding-top: 0 !important;
    padding-bottom: 15px;
    border-top: none !important;
    margin-bottom: 20px;
    border-bottom: 1px solid #bec2ab;
    line-height: 1.7;
    font-size: 0.9em !important;
}
.product_meta a {
    text-decoration: none;
}
.add-to-cart-panel form.cart, .woocommerce div.product form.cart {
    font-size: 0.85em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-product-details__short-description,
.woocommerce table.shop_attributes,
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
    font-size: 0.9em;
}
bdi {
    font-size: 1.2em;
    font-weight: bold;
    color: #6B7830;
}
.woocommerce button.button.alt {
    background-color: #6B7830 !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    background-color: transparent;
}
.woocommerce table.shop_attributes {
    margin-bottom: 0;
    border-top: none;
}
.woocommerce table.shop_attributes th {
    text-align: left;
    border-bottom: none;
}
.woocommerce table.shop_attributes td {
    padding: 8px;
    border-bottom: none;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background: none;
}
.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
    display: inline-flex;
}
table, th, td {
    border: none;
}

/* product gallery img alt text 
https://generatepress.com/forums/topic/how-can-i-add-a-caption-to-the-product-images-in-woo-commerce/
*/
.woocommerce-product-gallery .woocommerce-product-gallery__image {
    position: relative;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:after {
    content: attr(data-thumb-alt);
	position: absolute;
	bottom: 2em;
	left:0;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
}
/* end of product gallery img alt text */
/* end of single product page */

.woocommerce .woocommerce-breadcrumb {
    padding: 10px;
    text-align: center;
    background-color: #f5f1e7;
    color: #111;
    font-size: 0.9em;
    margin-bottom: 30px;
}
.woocommerce .woocommerce-breadcrumb a {
    padding-right: 10px;
}
.related.products a.button {
    font-size: 0.9em;
}
#tab-description {
    margin-bottom: 30px;
    padding-bottom: 20px;
}
#tab-description + h2,
.related.products h2 {
    font-size: 25px;
}
#woopcomm {
    border: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.sidebar .widget {
    margin-bottom: 0;
}

/*** @media only screen and (min-width: 600px) { 
@media only screen and (min-aspect-ratio: 13/9) {  /*** landscape mode    
      
    .baiviet-moi img {
        height: 420px;
    }

    

    .separate-containers.no-sidebar .site-main {
        margin: auto;
    }
    
    /*** target style 
    .wc-block-product-categories-list--has-images li {
        max-width: 15%;
    }
    .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
        margin-left: 20px;
        padding-bottom: 40px;
    }
    .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
        max-width: 100%;
    }
    

}
/**
@media (max-width: 768px) {
    .site-content {
        flex-direction: column-reverse;
    }
}
**/