/* Brand Color Update for Taglines and Muted Text */
 .text--muted, 
 .text-muted, 
 small.text--muted, 
 small.text-muted,
 .verified-order-compact p.text--muted {
     color: #0078fd !important;
     opacity: 0.9;
     font-weight: 500;
 }
 
 /* Ensure placeholder text is still readable but different from brand color */
 ::placeholder {
     color: #888 !important;
     opacity: 1;
 }
 
 
 .btn-primary {
     background-color: #000 !important;
     border: none;
 }
 
 .btn-danger {
     color: #fff !important;
     background-color: #dc3545 !important;
     border-color: #dc3545 !important;
 }
 
 .support-btn {
     height: 39px;
     padding: 10px;
     display: inline-flex;
 }
 
 .support-input-group {
     margin-top: 15px;
 }
 
 .error {
     color: #dc3545;
 }
 
 .input-group label.error {
     top: 100%;
     position: absolute;
 }
 
 
 .timepicki.time_pick input {
     width: 100%;
     border: 1px solid #ced4da;
 }
 
 .timepicki .timepicker_wrap {
     margin-bottom: 30px;
     background-color: #ffffff;
     box-shadow: 0px 5px 20px 0 rgba(123, 123, 123, 0.25);
 }
 
 .timepicki .timepicker_wrap .prev,
 .timepicki .timepicker_wrap .next {
     width: 58px;
     padding: 17px;
 }
 
 .timepicki .timepicker_wrap .timepicki-input {
     padding: 15px 10px;
     font-size: 16px !important;
     font-weight: 700;
 }
 
 .pincode-input-container input:focus,
 .pincode-input-container input:active {
     box-shadow: none;
     border-color: #7367f0;
 }
 
 .pincode-input-container input~input:focus,
 .pincode-input-container input~input:active {
     border-left-width: 1px;
 }
 
 .custom-switch .custom-control-label::after {
     top: calc(.25rem + -2px);
 }
 
 .timepicker_wrap .action-next,
 .timepicker_wrap .action-prev {
     position: relative;
 }
 
 .timepicker_wrap .action-next::before,
 .timepicker_wrap .action-prev::before {
     position: absolute;
     content: "\f107";
     font-family: "Font Awesome 5 Free";
     color: #000000;
     left: 23px;
 }
 
 .timepicker_wrap .action-next::before {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     top: 0;
 }
 
 .timepicker_wrap .action-prev::before {
     bottom: 0;
 }
 
 label.required:after {
     content: " *";
     color: red;
 }
 
 /* AdSense Native Blend Styling - Blends with content for higher CTR */
 .adsense-block {
     margin: 15px 0;
     padding: 0;
     background: transparent;
     border: none;
     border-radius: 0;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     box-shadow: none;
     transition: none;
 }
 .adsense-block:hover {
     border-color: transparent;
     box-shadow: none;
 }
 .adsense-block:before {
     content: none;
     display: none;
 }
 .adsense-block--content {
     border-left: none;
 }
 .adsense-block__inner {
     width: 100%;
     min-height: 50px;
     display: flex;
     justify-content: center;
 }

 /* Mobile Bottom Sticky Anchor Ad Wrapper */
 .mobile-anchor-ad {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     z-index: 1000;
     background: rgba(255,255,255,0.95);
     backdrop-filter: blur(5px);
     border-top: 1px solid #eee;
     padding: 5px 0;
     display: none; /* Controlled by JS or Google Auto Ads */
     box-shadow: 0 -4px 15px rgba(0,0,0,0.05);
 }
 @media (max-width: 767px) {
     .mobile-anchor-ad {
         display: block;
     }
 }
 
 /* Ensure blog images are not cropped */
 .blog-details__thumb img,
 .post-card__thumb img {
     width: 100% !important;
     height: auto !important;
     max-height: 500px !important;
     object-fit: contain !important;
     background-color: #f1f5f9;
     border-radius: 8px;
 }
 
 /* Doctor images: use cover to fill the aspect-ratio frame for a consistent look */
 .doctor-thumb-frame img,
 .doctor-card__thumb img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center top;
     border-radius: 8px;
 }
 
 /* ==========================================================================
    Global Responsive Fixes (Prevent Horizontal Scroll & Ensure Fit)
    ========================================================================== */
 
 html, body {
     max-width: 100%;
     overflow-x: hidden;
 }
 
 /* Container fix */
 .container, .container-fluid {
     max-width: 100% !important;
     overflow-x: hidden;
 }
 
 /* Table Responsive - Force all tables to be scrollable on mobile if they overflow */
 table {
     width: 100% !important;
     max-width: 100% !important;
 }
 
 .table-responsive, 
 .chamber-table-wrapper,
 .table-scroll {
     overflow-x: auto !important;
     -webkit-overflow-scrolling: touch;
     width: 100% !important;
     margin-bottom: 1rem;
 }
 
 /* Image & Video Responsiveness */
 img, video, iframe, canvas, svg {
     max-width: 100% !important;
     height: auto !important;
 }
 
 /* Fix for large paddings/margins on small screens */
 @media (max-width: 575px) {
     .section-padding, .pt-120, .pb-120, .pt-80, .pb-80 {
         padding-top: 40px !important;
         padding-bottom: 40px !important;
     }
     
     .row {
         margin-left: -5px;
         margin-right: -5px;
     }
     
     .row > [class^="col-"] {
         padding-left: 5px;
         padding-right: 5px;
     }
     
     h1 { font-size: 22px !important; }
     h2 { font-size: 20px !important; }
     h3 { font-size: 18px !important; }
     h4 { font-size: 16px !important; }
 }
 
 /* Specific component fixes */
 .doctor-details-header {
     word-break: break-word;
 }
 
 .doctor-info-list li span {
     word-break: break-word;
 }
 
 /* Home Hero Search Responsive */
 @media (max-width: 991px) {
     .hero-search-form {
         padding: 1rem !important;
     }
     .hero-search-form .col-lg-3, 
     .hero-search-form .col-lg-4, 
     .hero-search-form .col-lg-2 {
         margin-top: 10px !important;
     }
     .hero-search-form button {
         width: 100% !important;
         margin-top: 15px;
     }
 }
 
 /* Select2 Responsive Fix */
 .select2-container {
     width: 100% !important;
 }
 
 .select2-container--default .select2-selection--single {
     height: 45px !important;
     padding: 10px !important;
 }
 
 .select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: 25px !important;
 }
 
 /* Category Slider Fix */
 @media (max-width: 767px) {
     .category-slider {
         margin-bottom: 20px !important;
     }
 }
 
 /* Navbar Responsive Fix */
 @media (max-width: 991px) {
     .navbar-nav .nav-item {
         width: 100%;
         text-align: left;
     }
     .nav-right {
         margin-top: 15px;
         width: 100%;
         display: flex;
         justify-content: flex-start;
     }
 }
 
 /* Button responsive */
 @media (max-width: 575px) {
     .btn-md, .btn--base {
         padding: 8px 15px !important;
         font-size: 14px !important;
     }
 }
 
 
 /* Search Page Responsive Fixes */
 @media (max-width: 767px) {
     .doctor-list-search {
         margin-bottom: 15px;
     }
     .card-view-btn-area {
         justify-content: center;
         margin-top: 10px;
     }
 }
 
 /* General Box/Card shadow & fit */
 .hover-box, .doctor-card, .doctor-card-mini, .chamber-box {
     max-width: 100%;
     box-sizing: border-box;
 }
 
 /* Horizontal scroll prevention for rows */
 .row {
     margin-left: 0 !important;
     margin-right: 0 !important;
 }
 .row > [class*="col-"] {
     padding-left: 10px !important;
     padding-right: 10px !important;
 }
 
 /* Form control focus and fit */
 .form--control {
     max-width: 100%;
 }
 
 /* Blog Content Responsiveness */
 .blog-details__content table,
 .blog-details__content img,
 .blog-details__content iframe {
     max-width: 100% !important;
     height: auto !important;
 }
 
 .blog-details__content {
     word-break: break-word;
     overflow-wrap: break-word;
 }
 
 /* Fix for horizontal scroll on mobile due to long words or links */
 * {
     overflow-wrap: break-word;
 }
 
 /* Logo Responsive */
 .site-logo img {
     max-width: 180px !important;
     height: auto !important;
 }
 
 @media (max-width: 575px) {
     .site-logo img {
         max-width: 140px !important;
     }
 }
 
 
 /* Contact Page Responsive */
 @media (max-width: 767px) {
     .single-info {
         flex-direction: column;
         text-align: center;
         padding: 20px;
         margin-bottom: 20px;
     }
     .single-info__icon {
         margin: 0 auto 15px auto !important;
     }
     .single-info__content {
         width: 100%;
     }
 }
 
 /* Form responsiveness */
 input, select, textarea {
     font-size: 16px !important; /* Prevents zoom on iOS */
 }
 
 /* Fix for any potential horizontal overflow from rows */
 .row {
     --bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(-1 * var(--bs-gutter-y));
     margin-right: 0 !important; /* Force no overflow */
     margin-left: 0 !important;  /* Force no overflow */
 }
 
 /* Ensure all text breaks correctly on small screens */
 h1, h2, h3, h4, h5, h6, p, span, a, li, td, th {
     word-break: break-word;
     overflow-wrap: break-word;
 }
 
 /* Specific component title fixes */
 .hero__title, .section-title, .post-card__title, .blog-details__title, .name {
     word-break: break-word !important;
 }
 
 /* Doctor Overview List Responsive */
 @media (max-width: 575px) {
     .doctor-overview-list li {
         display: flex;
         flex-direction: column;
         align-items: flex-start !important;
         margin-bottom: 10px;
     }
     .doctor-overview-list li span {
         width: 100% !important;
         margin-bottom: 5px;
     }
     .doctor-overview-list li strong {
         width: 100% !important;
         text-align: left !important;
     }
 }
 
 
 
 /* Specific fix for iframe/video aspect ratio */
 .video-container {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     height: 0;
     overflow: hidden;
     max-width: 100%;
 }
 .video-container iframe,
 .video-container object,
 .video-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 /* ==========================================================================
    Professional Ad & Native Card Styles
    ========================================================================== */
 .native-doctor-card {
     border-radius: 12px;
     overflow: hidden;
     background: #fff;
     border: 1px solid #e2e8f0;
     box-shadow: 0 4px 12px rgba(15,23,42,0.04);
     transition: all 0.3s ease;
     height: 100%;
 }
 .native-doctor-card:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 20px rgba(15,23,42,0.08);
     border-color: #cbd5e1;
 }
 .native-doctor-card .ad-label {
     display: none;
 }
 .native-doctor-card .native-thumb {
     padding: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 100%;
 }
 .native-doctor-card .native-thumb--custom {
     background: #fff;
 }
 .native-doctor-card .native-slot {
     width: 100%;
     height: 100%;
     display: block;
 }
 .native-doctor-card .ad-text {
     font-size: 14px;
     color: #334155;
     line-height: 1.6;
     text-align: center;
     padding: 15px;
 }
 .native-doctor-card .ad-link img {
     border-radius: 8px;
     max-width: 100%;
     height: auto;
 }
 .native-doctor-card .native-placeholder {
     display: none;
 }

 /* ==========================================================================
    Sticky Sidebar Ad Logic
    ========================================================================== */
 @media (min-width: 992px) {
     /* Container fix for sticky children */
     .row.sticky-sidebar-container {
         display: flex;
         align-items: stretch;
     }

     /* The column that should be sticky */
     .sticky-sidebar-column {
         position: relative;
     }

     /* The actual content inside the column that sticks */
     .sticky-sidebar-item {
         position: -webkit-sticky;
         position: sticky;
         top: 100px; /* Space from top to avoid header overlap */
         z-index: 10;
         /* Ensure content is scrollable if taller than viewport */
         max-height: calc(100vh - 120px);
         overflow-y: auto;
         overflow-x: hidden;
         /* Hide scrollbar for cleaner look while keeping functionality */
         -ms-overflow-style: none;
         scrollbar-width: none;
     }
     .sticky-sidebar-item::-webkit-scrollbar {
         display: none;
     }

     /* Ad specific sticky styling */
     .sticky-ad-wrapper {
         margin-top: 20px;
         background: #fff;
         border-radius: 12px;
         border: 1px solid rgba(0, 120, 253, 0.1);
         padding: 10px;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
     }
 }