/**
Theme Name: Artra Pisces (Child Astra Theme)
Theme URI: #
Description: Theme for Piscess - Child Theme for Astra Theme
Template:  astra
Author: Lima Multimedia
Author URI: https://limamultimedia.com
Version: 1.0.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: lima 
**/

:root {
    --primary-color: #E31E24;
    --secondary-color: #001B3D;
    --tertiary-color: #4C4C4E; 
    --neutral-color: #fff; 
    --second-body-color: #495f84;

    --text-color: #5d3f3c; 
    --headline-color: #191b1b; 
    --dark-color: #222; 

    --primary-hover-color:#b60f14;

    --family-body: 'Inter', sans-serif;
    --family-headline: 'Montserrat', sans-serif;

    
}

html {
    font-size: 16px;
}

body,
p,label {
    color: var(--text-color);
    font-family: var(--family-body) !important;
}

h1, h2, h3, h4, h5, h6{
    color: var(--headline-color);
    font-family: var(--family-headline) !important;
    font-weight: 700;

}

h1,.h1{
    font-size: 2rem;  
    line-height: 2.86rem;  
}

h2,.h2{
    font-size: 1.86rem;  
    line-height: 2.3rem;   
}

h3,.h3{
    font-size: 1.66rem;  
    line-height: 2rem;   
}

h4,.h4{
    font-size: 1.33rem;  
    line-height: 1.86rem; 
}


h5,.h5{
    font-size: 1rem;  
    line-height: 1.66rem;   
}


h6,.h6{
    font-size: .86rem;  
    line-height: 1.33rem;   
}

*, ::after, ::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}


.flex {
    display: flex;
}
.gap-stack-md {
    gap: 1em;
}
.flex-col{
    flex-direction: column;
}
.items-center {
    align-items: center;
}

.gap-base {
    gap: 8px;
}
 
.items-baseline {
    align-items: baseline;
}


.grid {
    display: grid;
}

.gap-gutter {
    gap: 24px;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

 
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.items-start {
    align-items: flex-start;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media (min-width: 1024px) {
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg\:col-span-7 {
        grid-column: span 7 / span 7;
    }
    .lg\:col-span-5 {
        grid-column: span 5 / span 5;
    }
}
 
.entry-content :where(h1),
.entry-summary :where(h1){
    font-size: 1.66rem;  
}

.entry-content :where(h2),
.entry-summary :where(h2){
    font-size: 1.333rem;   
}

.entry-content :where(h3),
.entry-summary :where(h3){
    font-size: 1rem;  
}

.entry-content :where(h4),
.entry-summary :where(h4){
    font-size: .86rem; 
    ;
}

.entry-content :where(h5),
.entry-summary :where(h5){
    font-size: .66rem;
}

.entry-content :where(h6),
.entry-summary :where(h6){
    font-size: .336rem;   
}

.entry-content  :is(h1, h2, h3, h4, h5, h6),
.entry-summary  :is(h1, h2, h3, h4, h5, h6) {
    line-height: 1;

}


.border-outline-variant { 
    border-color: rgb(231 189 184 / 1);
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.text-primary{
    color: var(--primary-color)!important;
}
.text-neutral{
    color: var(--neutral-color)!important;
}

.text-secondary{
    color: var(--secondary-color)!important;
}

.text-status-success { 
    color: rgb(30 142 62 / 1) !important;
}

.second-body-color{
    color: var(--second-body-color)!important;
}

.text-label-caps {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.1em;
    font-weight: 700;
}


.line-through {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.label-caps {
    font-size: .66rem;
    line-height: 16px;
    letter-spacing: 0.1em;
    font-weight: 700;
}

.d-none{
    display: none!important;
}

.bg-light-gray { 
    background-color: rgb(239 239 239 / 1);
}

.bg-white { 
    background-color: rgb(255 255 255 / 1);
}

.border-collapse {
    border-collapse: collapse;
} 
.w-full {
    width: 100%;
}

.w-1-per-3 {
    width: 33.333333%;
}


.separated-line {
    width: 100%;
    height: 1px;
    background-color: #fbb0a7;
}

/* body.lm-child-theme  .site-content > .ast-container {
    max-width: 96%;
    width: 85%;
}
 */

.head-summary .product_title{
    margin-top:10px!important;
}

.entry-content { 
    margin-bottom: 50px;
}

/*   SINGLE PRODUCT  */ 

.meta-badges .badge-cat{
    background-color: #191b1b; 
    padding:2px 10px 4px 10px;
    
}
.meta-badges .badge-cat a{ 
    color:var(--neutral-color)!important; 
    font-size: .86rem;
    
}
.ast-onsale-card { 
    top: 3.5em!important;
    left: 8.5em!important;
}

.text-technical-data {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.text-technical-data i{
    color: rgb(30 142 62 / 1) !important;

}
.lm-child-theme .product .entry-summary :where(p,span,div,ul,li),
.lm-child-theme .product .product-after .spesifikasi-product :where(p,span,div,ul,li){
    color: var(--second-body-color);

}
 
.lm-child-theme .product-gallery .woocommerce-product-gallery .product-image__wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 15px;
}

.lm-child-theme .product-gallery .woocommerce-product-gallery__wrapper {
    flex: 1;
}

.lm-child-theme .product-gallery .thumbnails_wrapper {
    width: 90px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.lm-child-theme .product-gallery .thumbnails_wrapper .flex-control-nav.flex-control-thumbs li {
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #e2e2e2;
    padding: 4px;
    box-sizing: border-box;
}

.lm-child-theme .product-gallery .thumbnails_wrapper .flex-control-nav.flex-control-thumbs li img {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
}

.lm-child-theme .product-gallery .thumbnails_wrapper .flex-control-nav.flex-control-thumbs li img.flex-active,
.lm-child-theme .product-gallery .thumbnails_wrapper .flex-control-nav.flex-control-thumbs li:hover {
    border: 1px solid var(--primary-color);
    opacity: 1;
}


.lm-child-theme .actions-container form.cart {
    display: flex;
    margin-bottom: 10px;
    /* gap: 10px; */
}

.lm-child-theme .actions-container form.cart .quantity {
    margin: 0;
    display: none!important;
}

.lm-child-theme .actions-container form.cart .quantity input.qty {
    height: 48px;
    width: 70px;
    border: 1px solid #ccc;
    text-align: center;
    font-weight: bold;
}

.lm-child-theme form.cart button.single_add_to_cart_button {
    flex: 1;
    background-color: var(--primary-color) !important;
    color: #fff !important;
    border: none;
    font-family: var(--family-headline);
    font-weight: 700;
    font-size: 14px;
    padding: 0 15px !important;
    height: 48px;
    text-transform: uppercase;
    border-radius: 0;
}

/* peoduct main*/
 
.lm-child-theme .product-main {
    display: flex;
    align-items: stretch;
    gap: 30px;
}

.lm-child-theme .product-gallery {
    flex: 0 0 50%;
    max-width: 50%;
}

.lm-child-theme .product-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0; 
}
 
.lm-child-theme .summary-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0; 
}

.lm-child-theme .short-desc-section {
    overflow: hidden;
    flex: 1;
}
 
.lm-child-theme .short-desc-section .short-desc {
    display: -webkit-box;  
    -webkit-box-orient: vertical;
    /* overflow: hidden;
    -webkit-line-clamp: 8;  */        

}

.webkit-line-clamp-8{
    -webkit-line-clamp: 8; 
}

.lm-child-theme .product-gallery .woocommerce-product-gallery{
    width: 100%!important;

}

.lm-child-theme .product-gallery .woocommerce-product-gallery,
.lm-child-theme .product-gallery .woocommerce-product-gallery .product-image__wrapper {
    height: 500px; 
}
 
.lm-child-theme .product-gallery .woocommerce-product-gallery__wrapper {
    flex: 1;
    height: 100%;
}
 
.lm-child-theme .product-gallery .woocommerce-product-gallery__image,
.lm-child-theme .product-gallery .woocommerce-product-gallery__image a {
    display: block;
    width: 100%;
    height: 100%;
}
 
.lm-child-theme .product-gallery .woocommerce-product-gallery__wrapper img {
    width: auto;
    height: 500px;
    object-fit: cover;  
    display: block;
}

.lm-child-theme .woocommerce-product-gallery__trigger{
    display: none!important;
}

.img-nav-item.is-active img{
    opacity: 1!important;
}

.lm-child-theme  form.cart button.single_add_to_cart_button::before{
    content: "\f290";
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
}

.lm-child-theme form.cart button.single_add_to_cart_button:hover{
    background-color: var(--primary-hover-color) !important; 
}
.lm-child-theme .btn-buy-now {
    flex: 1;
    background-color: var(--neutral-color) !important; 
    border: 1px solid var(--headline-color);
    font-family: var(--family-headline);
    font-weight: 700;
    font-size: .8rem;
    padding: 0 15px !important;
    height: 48px;
    text-transform: uppercase;
    border-radius: 0;
    color: var(--headline-color) !important;
    
}

.lm-child-theme  .btn-buy-now:hover {
    background-color: var(--headline-color) !important;
    color: #fff !important;
}

.button-alt {
    text-align: center;
    align-content: center;
    width: auto;
    margin-bottom: 1em;
    margin: 0;
    position: relative;
    overflow: visible;
    left: auto;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;

}

button.readmore-btn{
    background: transparent!important;
    background-color: transparent!important;
    border: 0!important;
    color: var(--primary-color)!important;
    padding: 0!important;
}

button.readmore-btn:hover span{
    color: var(--primary-color)!important;
}

/* Price  */
.reguler-price { 
    color: var(--second-body-color)!important;
}
.sale-price { 
    font-weight: 700;
}


.lm-child-theme div.product .woocommerce-tabs ul.tabs li.active a {
    text-shadow: inherit;
    color: var(--dark-color);
}

.lm-child-theme div.product .woocommerce-tabs ul.tabs li a { 
    color: var(--neutral-color); 
}

.lm-child-theme div.product .woocommerce-tabs ul.tabs li.active { 
    background: var(--neutral-color);
    border: 1px solid red;
}

.lm-child-theme  div.product .woocommerce-tabs ul.tabs li{
    color: var(--neutral-color);
    background: var(--primary-color);
    padding: 0 20px;
    margin: 0 .1em 0 0;
    
}

.lm-child-theme  div.product .woocommerce-tabs ul.tabs li a:where(:focus-visible, :focus, :hover,:active){
    outline-style: none;
    outline-color: transparent;
    outline-width: 0;
}

.lm-child-theme div.product .woocommerce-tabs ul.tabs li:hover { 
    background: var(--primary-hover-color); 
}
.lm-child-theme  div.product .woocommerce-tabs ul.tabs li:hover a { 
    color: var(--neutral-color);
}

.product-after{
    margin: 30px 0;
    padding-top: 30px;
}

.lm-child-theme .product-after .spesifikasi-product{
    display: flex;
    align-items: stretch;
    gap: 50px;
    margin-top: 50px;
}

.lm-child-theme .product-after .spesifikasi-product .detail-kiri {
    flex: 0 0 40%;
    max-width: 40%;
    
}

.lm-child-theme .product-after .spesifikasi-product .detail-kiri .deskripsi :where(p,label,td,span,a,h1,h2,h3,h4,h5,h6,b,strong,th){ 
    color: var(--second-body-color);

}

.lm-child-theme .product-after .spesifikasi-product .title-spesifikasi {
    margin-bottom: 20px;
    font-size: 1.66rem;
}
 
.lm-child-theme .product-after .spesifikasi-product .detail-kanan {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 0; 
}
.lm-child-theme .product-after .spesifikasi-product table,
.lm-child-theme .product-after .spesifikasi-product table :where(tr,th,td) {
    border: 0;
    font-size: .9rem;
}


.lm-child-theme .product-after .spesifikasi-product table td{
    color: var(--second-body-color);
}

.lm-child-theme .product-after .related.products{
    margin-top: 50px;
}
.lm-child-theme .product-after .related.products > h2{
    font-size: 1.66rem;

}

.readmore-btn-wrapper{
    margin: 30px 0;
}

.breadcrumb .woocommerce-breadcrumb a{
    color: #777;
}

.breadcrumb .woocommerce-breadcrumb{
    color: var(--primary-color);
    font-weight: 500;
}

/*  ARCHIVE STYLES  */
 
.lm-child-theme.woocommerce ul.products li.product.loop-product-card {
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
    box-shadow: none;
    border: none;
}

.lm-child-theme.woocommerce ul.products li.product.loop-product-card:hover {
    box-shadow: none;  
    transform: none;
}

.lm-child-theme .loop-product-card .card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.lm-child-theme .loop-product-card .card-image-box {
    position: relative;
    background-color: #f4f4f4; 
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1; 
    margin-bottom: 15px;
}

.lm-child-theme .loop-product-card .card-image-box .image-link {
    display: block;
    width: 100%;
}

.lm-child-theme .loop-product-card .card-image-box img {
    width: 100%;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply; 
}
 
.lm-child-theme .loop-product-card .top-badge {
    position: absolute;
    top: 10px;
    left: 15px;
    font-family: var(--family-headline);
    font-size: .5rem;
    font-weight: 500;
    color: #fff;
    padding: 3px 6px;
    letter-spacing: 0.5px;
    z-index: 2;
}

.lm-child-theme .inline-badge { 
 
    font-family: var(--family-headline);
    font-size: .7rem;
    font-weight: 600; 
    padding: 5px 6px;
    letter-spacing: 0.5px; 
}
/* 
.lm-child-theme .lm-grid-box-carousel-item  .top-badge{
    top: 10px;
    right: 10px;
    left: unset;
} */

.lm-child-theme  .badge-red { background-color: var(--primary-color);  color: #fff ;} 
.lm-child-theme  .badge-black { background-color: #1a1a1a;  color: #fff;}
.lm-child-theme .badge-grey { background-color: #b9b9b9;  color: #1a1a1a;}
.lm-child-theme .badge-green { background-color: #279e53;  color: #fff; }

.lm-child-theme .loop-product-card .card-details-box {
    display: flex;
    flex-direction: column;
    flex: 1; 
}
 
.lm-child-theme .loop-product-card .card-subtitle {
    font-family: var(--family-body);
    font-size: .6rem;
    color: #7b8c9d;
    margin-bottom: 5px;
    font-weight: 500;
}
 
.lm-child-theme .loop-product-card h2.card-title {
    font-family: var(--family-headline);
    font-size: 20px;
    color: #1a1a1a;
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: 1.3;
    display: -webkit-box;  
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin-bottom: 0 !important;
}
.lm-child-theme .loop-product-card a {
    text-decoration: none;
    color: #7b8c9d;
}

.lm-child-theme .loop-product-card a:hover {
    color: var(--primary-color);
}

.lm-child-theme .loop-product-card .card-tech-badges {
    margin-bottom: 5px;
}
.lm-child-theme .loop-product-card .tech-badge-item {
    
    display: inline-block;
    font-family: var(--family-headline);
    font-size: .5rem;
    font-weight: 600;
    padding: 2px 6px;
    color: #fff;
    letter-spacing: 0.5px;
}


.lm-child-theme .loop-product-card .badge-black-small { background-color: #1a1a1a; }
.lm-child-theme .loop-product-card .badge-green-small { background-color: #279e53; }
 
.lm-child-theme .loop-product-card .card-price {
    margin-bottom: 10px;
} 
.lm-child-theme .loop-product-card .card-price,
.lm-child-theme .loop-product-card .card-price .price {
    display: flex;
    align-items: baseline; 
    flex-wrap: wrap;
    gap: 2px 8px;   
}
 
.lm-child-theme .loop-product-card .card-price ins,
.lm-child-theme .loop-product-card .card-price ins span.woocommerce-Price-amount,
.lm-child-theme .loop-product-card .card-price > span.woocommerce-Price-amount {
    order: 1;
    font-family: var(--family-headline);
    color: var(--primary-color);  
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
}
 
.lm-child-theme .loop-product-card .card-price del {
    order: 2;
}

.lm-child-theme .loop-product-card .card-price del span.woocommerce-Price-amount {
    font-family: var(--family-headline);
    color: var(--tertiary-color);  
    font-size: 1rem;
    font-weight: 400;
}
 
.lm-child-theme .loop-product-card .card-action {
    margin-top: auto;  
}

.lm-child-theme .loop-product-card .card-action form.cart{
    width: 100%;
}

.lm-child-theme  .btn-action-product{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%!important;
    gap: 8px;
    font-family: var(--family-headline);
    font-size: .8rem !important;
    font-weight: 600 !important;
    padding: 14px 0 !important;
    border-radius: 0 !important;
    text-align: center;
    transition: all 0.3s ease;
    margin: 0!important;
    line-height: unset!important;
    text-transform: uppercase;
}

.lm-child-theme .btn-action-product.fa-shopping-cart {
    font-size: .8rem;
}
 
.lm-child-theme  .btn-cart-solid {
    background-color: var(--primary-color);
    color: #fff !important;
    border: 1px solid var(--primary-color);
}

.lm-child-theme .btn-cart-solid:hover {
    background-color: var(--primary-hover-color) !important;
}
 
.lm-child-theme  .btn-cart-outline {
    background-color: transparent !important;
    color: #1a1a1a !important;
    border: 1px solid #1a1a1a !important;
}
.lm-child-theme .btn-cart-outline:hover {
    background-color: #1a1a1a !important;
    color: #fff !important;
}
 
.lm-child-theme .loop-product-card  .card-image-box {
    position: relative;
    transition: background-color 0.3s ease;
}
 
.lm-child-theme .loop-product-card  .quick-view-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #333333;  
    color: #ffffff;
    padding: 12px 24px;
    font-family: var(--family-headline, 'Montserrat', sans-serif);
    font-size: .8rem;
    font-weight: 500;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10;
}
 
.lm-child-theme .loop-product-card  h2.card-title {
    transition: color 0.3s ease;
    font-size: .9rem !important;
}
 
.lm-child-theme .loop-product-card:hover .quick-view-btn {
    opacity: 1;
    visibility: visible;
}
 
.lm-child-theme .loop-product-card  .quick-view-btn:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
 
.lm-child-theme .loop-product-card .card-image-box:hover  {
    background-color: #ebd6d6;  
}
 
.lm-child-theme .loop-product-card  h2.card-title:hover {
    color: #C0141C;
}

.catalog-pagination{
    text-align: center;
}

.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select,
.woocommerce-ordering select.orderby:focus {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
}

/** Artikel / Blog */

/* ==========================================================================
   PISCES BLOG ARCHIVE STYLE
   ========================================================================== */

.child-blog-archive-container {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.blog-page-header {
    margin-bottom: 30px;
}

.blog-page-header .page-title {
    font-family: var(--family-headline, 'Montserrat', sans-serif);
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
}

/* 1. Grid System Desktop */
.child-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 Kolom Desktop */
    gap: 30px;
}

/* 2. Card Wrapper & Elevation */
.child-post-card {
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border-radius: 0px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.child-post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.child-post-card .card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 3. Media / Image Box & Top Badges */
.child-post-card .card-media-box {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: #eee;
}

.child-post-card .card-media-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.child-post-card:hover .card-media-box img {
    transform: scale(1.05);
}

/* Badges */
.child-post-card .top-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    font-family: var(--family-headline, 'Montserrat', sans-serif);
    font-size: 10px;
    font-weight: 700;
    color: #ffffff;
    padding: 5px 10px;
    letter-spacing: 0.5px;
}

.child-post-card .badge-red { background-color: #C0141C; }
.child-post-card .badge-dark { background-color: #1c252e; }
.child-post-card .badge-blue { background-color: #2b4c7e; }

/* 4. Content Area */
.child-post-card .card-content-box {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.child-post-card .post-date {
    font-family: var(--family-body, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 600;
    color: #8c9ba5;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.child-post-card .post-title {
    font-family: var(--family-headline, 'Montserrat', sans-serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 12px 0;
}

.child-post-card .post-title a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.3s ease;
}

.child-post-card:hover .post-title a {
    color: #C0141C; /* Merah Pisces saat Hover */
}

.child-post-card .post-excerpt p {
    font-family: var(--family-body, 'Inter', sans-serif);
    font-size: 13px;
    color: #556877;
    line-height: 1.6;
    margin: 0 0 20px 0;
}

/* 5. Footer Link & Share Action */
.child-post-card .card-footer-action {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.child-post-card .read-more-btn {
    font-family: var(--family-headline, 'Montserrat', sans-serif);
    font-size: 11px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.3s ease;
}

.child-post-card .read-more-btn span {
    font-size: 16px;
    line-height: 1;
}

.child-post-card:hover .read-more-btn {
    color: #C0141C;
}

.child-post-card .share-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #4a5e6d;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.child-post-card .share-btn:hover {
    color: #C0141C;
}

.sp-wcsp-slider-area .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
    padding-top: 20px !important;
}

 
.main-single-layout .entry-content {
    width: 100%;
    margin-top: 2em;
    text-align: justify;
}
 
.main-single-layout.has-image .main-float-image {
    float: left;
    width: 50%;
    margin: 0 2em 1.25em 0;
    padding: 1.25em; 
}

.main-single-layout .main-float-image img {
    width: 100%;  
    display: block;
}
 
.main-single-layout.has-image .main-float-image img { 
    height: auto;
    object-fit: contain; 
}
.main-single-layout.top-image .main-float-image{
    margin-bottom: 30px;
}
.main-single-layout.top-image .main-float-image img { 
    max-height: 400px;
    object-fit: fill; 
}


.main-single-layout.no-image .entry-content {
    max-width: 800px;  
    margin-left: auto;
    margin-right: auto;
}
 
.main-single-layout .entry-content::after {
    content: "";
    display: table;
    clear: both;
}

/* ==========================================================================
   RESPONSIVE VIEW (MOBILE: 2 KOLOM PER BARIS)
   ========================================================================== */

@media (max-width: 768px) {
    .child-blog-grid {
        grid-template-columns: repeat(2, 1fr) !important; /* Paksa 2 Kolom Mobile */
        gap: 12px;
    }

    .child-post-card .card-content-box {
        padding: 12px;
    }

    .child-post-card .top-badge {
        font-size: 8px;
        padding: 3px 6px;
        top: 8px;
        left: 8px;
    }

    .child-post-card .post-date {
        font-size: 9px;
        margin-bottom: 6px;
    }

    .child-post-card .post-title {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .child-post-card .post-excerpt p {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    .child-post-card .card-footer-action {
        padding-top: 10px;
    }

    .child-post-card .read-more-btn {
        font-size: 9px;
    }

    .child-post-card .share-btn svg {
        width: 14px;
        height: 14px;
    }
}

/* RESPONSIVE MOBILE */
@media (max-width: 768px) {
    .lm-child-theme .single-product-wrapper{
        margin-top: 30px;
    }
    
    .lm-child-theme .product-main {
        flex-direction: column;
    }

    .lm-child-theme .product-gallery {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .lm-child-theme .product-gallery .woocommerce-product-gallery .product-image__wrapper {
        flex-direction: column; 
    }

    .lm-child-theme .product-gallery .thumbnails_wrapper {
        width: 100%;
    }

    .lm-child-theme .product-gallery .thumbnails_wrapper .flex-control-nav.flex-control-thumbs {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

    .lm-child-theme .product-gallery .thumbnails_wrapper .flex-control-nav.flex-control-thumbs li {
        width: 70px;
        margin-bottom: 0;
    }

    .lm-child-theme .actions-container{
        margin-top: 30px;
    }

    .lm-child-theme .product-after .spesifikasi-product {
        flex-direction: column;
        gap: 5px;
    }

    .lm-child-theme  .product-after .spesifikasi-product .detail-kiri{
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* 2 Kolom Grid */
    .woocommerce ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px;  
    }
 
    .woocommerce ul.products li.product.loop-product-card  {
        margin-bottom: 0 !important;
        width: 100% !important;
        clear: none !important;
    }
 
    .lm-child-theme .loop-product-card  .card-image-box {
        padding: 15px;  
        margin-bottom: 10px;
    }
 
    .lm-child-theme .loop-product-card  .card-subtitle {
        font-size: 9px;
    }

    .lm-child-theme .loop-product-card  h2.card-title {
        font-size: .8rem;
        margin-bottom: 6px;
    }

    .lm-child-theme .loop-product-card  .card-price {
        margin-bottom: .9rem;
    }

    .lm-child-theme .loop-product-card  .card-price .woocommerce-Price-amount {
        font-size: 1rem;
    }
 
    .lm-child-theme .loop-product-card  .top-badge {
        font-size: .5rem;
        padding: 2px 4px;
        top: 10px;
        left: 10px;
    }

    .lm-child-theme .loop-product-card  .tech-badge-item {
        font-size: .5rem;
        padding: 2px 4px;
    }
 
    .lm-child-theme .loop-product-card  .btn-action-product{
        font-size: 11px !important;
        padding: 10px 0 !important;
        gap: 5px;
    }

    .lm-child-theme .loop-product-card  .btn-action-product.fa-shopping-cart {
        font-size: 12px;
    }
 
    .lm-child-theme .loop-product-card  .quick-view-btn {
        font-size: 12px;
        padding: 8px 16px;
        width: 80%;
        text-align: center;
    }

    .lm-child-theme .loop-product-card .card-price ins,
    .lm-child-theme .loop-product-card .card-price ins span.woocommerce-Price-amount,
    .lm-child-theme .loop-product-card .card-price > span.woocommerce-Price-amount { 
        font-size: 1rem; 
    }
   

    .lm-child-theme .loop-product-card .card-price del span.woocommerce-Price-amount { 
        font-size: .8rem; 
    }

    .lm-child-theme .product-gallery .woocommerce-product-gallery.no-gallery,
    .lm-child-theme .product-gallery .woocommerce-product-gallery.no-gallery .product-image__wrapper {
        height: auto; 
        margin-bottom: 0!important;
    }

    .product-after {
        margin: 0px;
        padding-top: 0px;
        margin-bottom: 40px;
    }

    .lm-child-theme .product-after .spesifikasi-product{
        margin-top: 20px;
    }

    .lm-child-theme .product-after .spesifikasi-product .title-spesifikasi {
        margin-bottom: 0px;
    }
    .lm-child-theme .product-after .related.products {
        margin-top: 30px;
    }
 
}

@media (max-width: 380px) {
    .lm-child-theme .loop-product-card  .btn-action-product{
        font-size: 10px !important;
    }
    
    .lm-child-theme .loop-product-card  .card-price .woocommerce-Price-amount {
        font-size: 14px;
    }
}