/**
 * Manipal TRUtest (Ekko Child Theme)
 * WPBakery Elements Custom Styling Overrides
 *
 * This file overrides the default styles of the Pathology Booking System plugin's
 * WPBakery drag-and-drop elements using CSS custom properties (variables)
 * and targeted selector customizations.
 *
 * @package Ekko_Child
 * @version 1.0.0
 */

/* ==========================================================================
   1. Brand Token Overrides (Manipal TRUtest Palette)
   ========================================================================== */
:root,
.ptbs-wb-element {
    /* Brand Primary (Manipal Deep Blue) */
    --ptbs-wb-primary: #0950a1;
    --ptbs-wb-primary-hover: #073f80;
    --ptbs-wb-primary-light: #f0f7ff;
    --ptbs-wb-primary-border: #dbeafe;
    
    /* Brand Accent (TRUtest Teal) */
    --ptbs-wb-accent: #00bba7;
    --ptbs-wb-accent-hover: #009d8c;
    --ptbs-wb-accent-light: #e6f9f7;
    
    /* Brand Highlight (Manipal Orange) */
    --ptbs-wb-highlight: #e05423;
    
    /* Card Geometry & Elevation */
    --ptbs-wb-card-bg: #ffffff;
    --ptbs-wb-card-border: #e2e8f0;
    --ptbs-wb-card-radius: 16px;
    --ptbs-wb-card-shadow: 0 4px 18px rgba(9, 80, 161, 0.04);
    --ptbs-wb-card-shadow-hover: 0 12px 30px rgba(9, 80, 161, 0.10);
    
    /* Typography */
    --ptbs-wb-font-family: 'Montserrat' sans-serif;
    --ptbs-wb-title-color: #0b192c;
    --ptbs-wb-price-color: #0950a1;
    --ptbs-wb-price-size: 24px;
    
    /* Buttons & Badges */
    --ptbs-wb-badge-radius: 20px;
    --ptbs-wb-btn-radius: 10px;
}

/* ==========================================================================
   2. Health Packages Slider & Grid Customizations
   ========================================================================== */
.ptbs-pkg-card {
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.ptbs-pkg-card:hover {
    border-color: var(--ptbs-wb-primary-border);
    transform: translateY(-5px);
}

/* Add to Cart button with subtle gradient */
.ptbs-pkg-card__btn-cart {
    background: linear-gradient(135deg, #0950a1 0%, #0c61be 100%);
    box-shadow: 0 4px 12px rgba(9, 80, 161, 0.20);
}
.ptbs-pkg-card__btn-cart .fas.fa-shopping-bag{color:#fff !important;}

.ptbs-pkg-card__btn-view .far.fa-dot-circle{color:#334155 !important;}

.ptbs-pkg-card__btn-cart:hover {
    background: linear-gradient(135deg, #073f80 0%, #0950a1 100%);
    box-shadow: 0 6px 16px rgba(9, 80, 161, 0.32);
}

/* View Details button */
.ptbs-pkg-card__btn-view {
    background: #f1f5f9;
    color: #334155;
}

.ptbs-pkg-card__btn-view:hover {
    background: #e2e8f0;
    color: var(--ptbs-wb-primary);
}

/* ==========================================================================
   3. Most Booked Lab Tests Slider Customizations
   ========================================================================== */
.ptbs-test-card {
    transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.ptbs-test-card:hover {
    border-color: #d1fae5;
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(0, 187, 167, 0.10);
}

.ptbs-test-card__icon-wrap {
    background: #e6f9f7;
    color: #00bba7;
    border: solid 1px #BDEAE7;
}

.ptbs-add-to-cart .fas.fa-shopping-bag{color:#fff;}

.ptbs-test-card__btn-view .far.fa-dot-circle{color:#334155;}

.ptbs-test-card__btn-cart {
    background: linear-gradient(135deg, #0950a1 0%, #0c61be 100%);
}

.ptbs-test-card__btn-cart:hover {
    background: linear-gradient(135deg, #073f80 0%, #0950a1 100%);
}

/* ==========================================================================
   4. Categories & Health Risks Slider Customizations
   ========================================================================== */
.ptbs-categories-section {
    background: linear-gradient(180deg, #f0f7ff 0%, #f8fafc 100%);
}

.ptbs-cat-card:hover {
    border-color: #cbd5e1;
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(9, 80, 161, 0.08);
}

.ptbs-cat-cta-btn {
    background: #00bba7;
    box-shadow: 0 4px 14px rgba(0, 187, 167, 0.30);
}

.ptbs-cat-cta-btn:hover {
    background: #009d8c;
    box-shadow: 0 6px 20px rgba(0, 187, 167, 0.45);
}

/* ==========================================================================
   5. Carousel Arrows Customizations
   ========================================================================== */
.ptbs-wb-carousel-wrap .ptbs-slick-arrow {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: var(--ptbs-wb-primary) !important;
}

.ptbs-wb-carousel-wrap .ptbs-slick-arrow:hover {
    background: var(--ptbs-wb-primary) !important;
    color: #ffffff !important;
    border-color: var(--ptbs-wb-primary) !important;
}

.ptbs-wb-carousel-wrap {
  position: relative;
  padding: 0 !important;
}


.ptbs-wb-element {margin: 0px;}

.home-pg-health-checkup .ptbs-pkg-card__badge{display:none;}

.home-pg-health-checkup .ptbs-pkg-card__title{font-size:19px; color:#04264E;}

.home-pg-health-checkup .ptbs-pkg-card__params-count{font-size:14px; color:#04264E;}

.home-pg-health-checkup .ptbs-pkg-card__price {
  font-size: 22px;
  font-weight: 700;
  color: #034EA2;
}

.ptbs-pkg-card__mrp {
  font-size: 13px;
  color: #868686;
}

.ptbs-categories-section{background:transparent;   margin: 0px !important;
  padding: 0px !important;}



.home-pg-health-risks .ptbs-cat-card__title{font-size:19px; color:#04264E;}

.home-pg-condition-tests .ptbs-cat-card__title{font-size:19px; color:#04264E;}

.home-pg-condition-tests .ptbs-cat-card {
  border-top: solid 3px #bdbdbd;
}

.home-pg-popular-tests .ptbs-test-card__title{font-size:17px; color:#04264E;}

.home-pg-popular-tests .ptbs-test-card__price {
  font-size: 22px;
  font-weight: 700;
  color: #034EA2;
  margin-bottom: 14px;
}