/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0.0
*/

/* ==========================================================
   PAWCLAD ALL-IN-ONE CUSTOM STYLES
   ========================================================== */

/* 1. Form Input Styling */
textarea {
    --theme-form-field-border-radius: 20px;
}

/* 2. Footer Widget Styling */
#footer [data-id="text"] h3 {
    font-size: 17px;
    margin-bottom: 5px;
}

/* 3. Breadcrumb Navigation */
.rank-math-breadcrumb .separator, 
.ct-breadcrumbs .separator {
    margin: 0 8px;
}

/* 4. Blog Single FAQ */
.rank-math-block .rank-math-question {
    font-size: 18px !important; 
}

/* 5. FAQ Module */
.pawclad-faq-box .faq-q { 
    margin-bottom: 4px !important; 
}
.pawclad-faq-box .faq-a p:first-child { 
    margin-top: 0 !important; 
}
.pawclad-faq-box .faq-a { 
    margin-top: 10px; 
    margin-bottom: 45px; 
}
.pawclad-faq-box .faq-a:last-child { 
    margin-bottom: 0; 
    display: inline !important; 
}

/* 6. Product Features Module */
.pawclad-features-wrapper { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 50px; 
    align-items: center; 
    margin-bottom: 40px; 
}
.pawclad-features-gallery, 
.pawclad-features-text { 
    flex: 1 1 320px; 
    min-width: 0; 
}
.pawclad-features-gallery { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 3px; 
}
.pc-feature-item { 
    margin: 0; 
}
.pc-feature-item img { 
    width: 100%; 
    height: auto; 
    display: block; 
    border-radius: 10px; 
}
@media (min-width: 768px) and (max-width: 1024px) {
    .pawclad-features-wrapper {
        flex-wrap: nowrap; 
        gap: 30px; 
        align-items: flex-start;
    }
    .pawclad-features-gallery {
        grid-template-columns: 1fr;
        flex: 0 0 45%; 
        max-height: 650px;
        overflow-y: auto;
        padding-right: 10px;
    }
    .pawclad-features-gallery::-webkit-scrollbar {
        width: 4px;
    }
    .pawclad-features-gallery::-webkit-scrollbar-thumb {
        background: #d1d5db;
        border-radius: 4px;
    }
}
.pawclad-features-text ul { 
    list-style: none; 
    padding-left: 0; 
}
.pawclad-features-text ul li { 
    position: relative; 
    padding-left: 28px;        
    margin-bottom: 16px;     
}
.pawclad-features-text ul li::before { 
    content: ""; 
    position: absolute; 
    left: 4px; 
    top: 5px;                 
    width: 6px; 
    height: 11px; 
    border: solid #10b981;    
    border-width: 0 2.5px 2.5px 0; 
    transform: rotate(45deg); 
}

/* 7. Lifestyle Images & Mobile Slider */
.pawclad-ls-wrapper { 
    margin-top: 35px !important; 
    margin-bottom: 0; 
    width: 100%; 
}
.pawclad-ls-h2 { 
    text-align: center; 
    font-size: 28px; 
    font-weight: 600; 
    color: var(--theme-palette-color-1, #111); 
}
.pawclad-pc-grid { 
    display: grid; 
    grid-template-columns: 2fr 1fr; 
    gap: var(--theme-spacing, 3px); 
    width: 100vw; 
    margin-left: calc(-50vw + 50%); 
}
.pawclad-pc-grid img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    border-radius: 0; 
}
.pawclad-pc-grid .m-i { 
    grid-row: span 2; 
}
.pawclad-mob-slider { 
    display: none; 
}
.pawclad-mob-slider .m-v { 
    position: relative; 
    aspect-ratio: 3/2; 
    overflow: hidden; 
    margin-bottom: var(--theme-spacing, 3px); 
    border-radius: 0;
    width: 100vw; 
    margin-left: calc(-50vw + 50%); 
}
.pawclad-mob-slider .m-t { 
    display: flex; 
    height: 100%; 
    transition: transform .4s cubic-bezier(.25, 1, .5, 1); 
}
.pawclad-mob-slider .slide { 
    flex: 0 0 100%; 
}
.pawclad-mob-slider .slide img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.pawclad-mob-slider .m-b { 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    background: var(--theme-palette-color-8, rgba(255, 255, 255, .95)); 
    border: none; 
    width: 36px; 
    height: 36px; 
    border-radius: 50%; 
    color: var(--theme-palette-color-3, #333); 
    display: grid; 
    place-items: center; 
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15); 
    z-index: 2; 
    cursor: pointer; 
    transition: opacity .2s; 
}
.pawclad-mob-slider .m-p { 
    left: 10px; 
}
.pawclad-mob-slider .m-n { 
    right: 10px; 
}
.pawclad-mob-slider .m-b:disabled { 
    opacity: .5; 
    cursor: not-allowed; 
    box-shadow: none; 
}
.pawclad-mob-slider .m-th { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: var(--theme-spacing, 3px); 
    padding: 0 3px;
}
.pawclad-mob-slider .m-th img { 
    width: 100%; 
    aspect-ratio: 3/2; 
    object-fit: cover; 
    border-radius: var(--theme-border-radius, 6px); 
    cursor: pointer; 
    filter: brightness(40%); 
    transition: .2s; 
    border: 2px solid transparent; 
    box-sizing: border-box; 
}
.pawclad-mob-slider .m-th img.a { 
    filter: brightness(100%); 
    border-color: var(--theme-palette-color-1, #111); 
}
@media(max-width:768px){
    .pawclad-ls-wrapper { 
        margin-top: 40px !important; 
    }
    .pawclad-pc-grid { 
        display: none; 
    }
    .pawclad-mob-slider { 
        display: block; 
    }
}

/* 8. WooCommerce Product Tabs Title Size */
.woocommerce-tabs h2 { 
    font-size: 20px !important; 
}
.woocommerce-tabs h3 { 
    font-size: 18px !important; 
}
.woocommerce-tabs h4 { 
    font-size: 16px !important; 
}

/* 9. Custom Cards Hover Effects & Click Overlay */
.custom-card-item { 
  position: relative !important; 
  cursor: pointer; 
  transition: var(--gs-root-hover-transition, all var(--gs-root-hover-timing, .5s) var(--gs-root-hover-easing, cubic-bezier(0.42, 0, 0.58, 1))) !important; 
  transform: translateY(0px); 
}
.gspb-bodyfront .custom-card-item:hover, 
.custom-card-item:hover { 
  transform: var(--gs-root-hover-transform, translateY(-5px)) !important; 
}
.gspb-bodyfront .custom-card-item * { 
  position: static !important; 
  pointer-events: none; 
}
.gspb-bodyfront .custom-card-item a::after { 
  content: "" !important; 
  position: absolute !important; 
  inset: 0 !important; 
  z-index: 999 !important; 
  pointer-events: auto !important; 
}

/* 10. Product Meta Capitalization Fix (Safe Version) */
.product .product_meta > span,
.ct-quick-view-card .product_meta > span {
    text-transform: capitalize !important;
    letter-spacing: normal !important;
}