/**
Theme Name: TC-Child
Author: Tona Consultants
Author URI: https://tonaconsultants.com
Description: TC-Client Theme for Custom TC-Theme built for our clients. This theme may contains substantial mofications in terms of functions.php and CSS. This theme should not be Deleted, Modified or Replaced, doing so will drastically alter the look and functionality of Client Site. In condition of doubt clients should seek clarity from Tona Consultants.
Version: 2.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tc-child
Template: astra
 
/* Make tables responsive by allowing horizontal scroll */
.elementor-widget-container table {
  border-collapse: collapse !important;
  width: 100% !important;
  margin-bottom: 1.5em !important;
  background-color: #fff !important; /* Adjust for brand color if desired */
  font-size: 0.95rem !important;
  display: block !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important; /* smooth scrolling on iOS */
}

/* Table headers & cells */
.elementor-widget-container table thead th,
.elementor-widget-container table tbody td {
  border: 1px solid #ccc !important;
  padding: 8px 12px !important;
  vertical-align: top !important;
}

/* Header row background and bold text */
.elementor-widget-container table thead th {
  background-color: #f5f5f5 !important;
  font-weight: bold !important;
}

/* Zebra striping for body rows */
.elementor-widget-container table tbody tr:nth-child(odd) {
  background-color: #fafafa !important;
}

/* Hover effect on rows */
.elementor-widget-container table tbody tr:hover {
  background-color: #f0f0f0 !important;
}

/* List styling inside Elementor containers */
.elementor-widget-container ul {
  list-style: disc inside !important; /* or disc outside, based on preference */
  margin-left: 1.5em !important; 
}

.elementor-widget-container ul li {
  margin-bottom: 0.5em !important;
}

/* Add this (adjust path if needed) */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2") format("woff2");
}

.elementor-widget-image-carousel .swiper-slide {
  height: 400px; /* Your desired fixed height */
}

.elementor-widget-image-carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* apply only on mobile */
@media (max-width: 767px) {
  .pricing-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth touch scrolling */
    scroll-snap-type: x mandatory;
    gap: 16px;              /* spacing between cards */
    padding: 12px;         /* optional padding so cards don't touch edge */
  }

  .pricing-wrap::-webkit-scrollbar {   /* hide webkit scrollbar */
    display: none;
  }
  .pricing-wrap {
    -ms-overflow-style: none;  /* IE/Edge */
    scrollbar-width: none;     /* Firefox */
  }

  .pricing-column {
    flex: 0 0 auto;          /* don't shrink; fixed width */
    min-width: 280px;        /* adjust: desired card width on mobile */
    scroll-snap-align: start;
    box-sizing: border-box;
  }

  /* optional: make inner card content full height for neat look */
  .pricing-column .elementor-widget-container {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}