/*
Theme Name: Betheme Child
Theme URI: http://themes.muffingroup.com/betheme
Template: RaaSDesigns
Author: Muffin group
Author URI: http://muffingroup.com
Description: The biggest WordPress Theme ever
Version: 17.6.1775670014
Updated: 2026-04-08 17:40:14

*/
/* 1. Force Font Swap for Google Fonts */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans');
}

@font-face {
  font-family: 'Lato';
  font-display: swap;
  src: local('Lato');
}

/* 2. Improve Layout Stability & Rendering */
html {
    scroll-behavior: smooth;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 3. Prevent Layout Shifts (Crucial for 95+ Score) */
img {
    height: auto;
    max-width: 100%;
    display: inline-block;
}

/* Ensure the hero section has a minimum height so it doesn't jump */
.section_wrapper, .container {
    min-height: 1px;
}

/* Prevent Logo Layout Shift */
#logo, .logo-main, .logo-mobile {
    width: 180px !important;
    height: 60px !important;
    display: inline-block;
}

/* Ensure the header height is reserved before the logo loads */
#Top_bar .logo {
    min-width: 180px;
    min-height: 60px;
}

/* Force dimensions for Client Logos to fix CLS */
.client_wrapper .scale-with-grid {
    width: 150px !important;
    height: 75px !important;
    object-fit: contain;
}

/* Force Swap on Theme Icons */
@font-face {
    font-family: 'mfn-icons';
    font-display: swap;
    src: url('https://www.invisaligncentersandiego.com/wp-content/themes/Betheme/fonts/mfn-icons.woff') format('woff');
}