/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/* ── Fix logo size — Porto sticky header override ── */
#header .logo img,
#header .header-logo,
.header-main .logo img,
.sticky-header .logo img,
.header-logo img {
    max-height: none !important;
    height: auto !important;
    width: auto !important;
    max-width: 250px !important; /* adjust this to your preferred logo width */
}

/* Prevent sticky header from shrinking logo */
.sticky-active .logo img,
.sticky-header.sticky-active .logo img,
#header.sticky-header .logo img {
    max-height: none !important;
    max-width: 250px !important; /* same value as above */
    height: auto !important;
}

/* Mobile logo size fix */
@media (max-width: 767px) {
    #header .logo img,
    .header-logo img,
    #header .header-logo {
        max-width: 180px !important;
        width: 180px !important;
        height: auto !important;
    }
}

/* Hide Razorpay EMI widget on mobile — shows broken page */
@media (max-width: 767px) {
    .razorpay-embed-btn,
    .razorpay-payment-button,
    [class*="razorpay"],
    [id*="razorpay"],
    iframe[src*="razorpay"],
    .woo-razorpay-emi,
    .razorpay-emi-widget,
    .rzp-button,
    #rzp-button1,
    .razorpay-bzp {
        display: none !important;
    }
}


/* ============================================================
   THE PET BEING — CHILD THEME CUSTOM CSS
   Last updated: April 2026
   ============================================================ */

/* ── GLOBAL ── */
.banner-res { font-size: 16px; }
.slide-h-auto .swiper-wrapper .swiper-slide { height: auto; }
.custom-nav .porto-carousel .owl-nav > button {
    border: 1px solid #E7E7E7;
    transition: background .3s, border .3s, color .3s;
}
.custom-nav .porto-carousel .owl-nav > button:not(.disabled):hover,
.custom-nav .porto-carousel .owl-nav > button:not(.disabled):focus {
    border-color: var(--porto-primary-color);
    background-color: var(--porto-primary-color) !important;
    color: #fff !important;
}
.mobile-menu .all-category i { vertical-align: -0.15em; }

@media (max-width: 1479px) { .banner-res { font-size: 12px; } }
@media (max-width: 1199px) { .banner-res { font-size: 10px; } }
@media (max-width: 767px)  { .banner-res { font-size: 6px; } }

/* ── HOME ── */
.custom-slider .elementor-slides-wrapper { overflow: visible; }
.height-full .swiper-slide { height: auto; }
.custom-video .e-hosted-video { border-radius: 0.625rem; overflow: hidden; }

/* ── ABOUT US ── */
.custom-align .porto-sicon-box.default-icon { align-items: flex-start; }
@media (max-width: 1199px) and (min-width: 992px) {
    .custom-counter .stats-block .stats-desc .stats-number,
    .custom-counter .stats-block .stats-desc .counter_suffix { font-size: 4rem; }
}

/* ── LOGO SIZE FIX — Mobile only ── */
@media (max-width: 767px) {
    #header .logo img,
    .header-logo img,
    #header .header-logo {
        max-width: 140px !important;
        width: 140px !important;
        height: auto !important;
    }
}

/* ── STICKY HEADER LOGO FIX ── */
#header .logo img,
#header .header-logo,
.header-main .logo img,
.sticky-header .logo img,
.header-logo img {
    max-height: none !important;
    height: auto !important;
}
.sticky-active .logo img,
.sticky-header.sticky-active .logo img,
#header.sticky-header .logo img {
    max-height: none !important;
    height: auto !important;
}

/* ── RAZORPAY EMI WIDGET — Hide on mobile ── */
@media (max-width: 767px) {
    .razorpay-embed-btn,
    .razorpay-payment-button,
    [class*="razorpay"],
    [id*="razorpay"],
    iframe[src*="razorpay"],
    .woo-razorpay-emi,
    .razorpay-emi-widget,
    .rzp-button,
    #rzp-button1,
    .razorpay-bzp { display: none !important; }
}