/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.20.2
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/
1. FONT DECLARATIONS (@font-face)
   (Links your CSS to the font files hosted on DigitalOcean Spaces)
   ===================================================================== */

/* --- LATO REGULAR (Weight 400) --- */
@font-face {
    font-family: 'Lato';
    /* Replace the URL with your exact Space/Region/Path */
    src: url('//textile-zone-wholesale-surat.blr1.digitaloceanspaces.com/fonts/custom/lato-regular.woff2') format('woff2'),
         url('//textile-zone-wholesale-surat.blr1.digitaloceanspaces.com/fonts/custom/lato-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Best practice for performance */
}

/* --- LATO BOLD (Weight 700) --- */
/* This allows the browser to use this file when text is bolded */
@font-face {
    font-family: 'Lato';
    /* Replace the URL with your exact Space/Region/Path */
    src: url('//textile-zone-wholesale-surat.blr1.digitaloceanspaces.com/fonts/custom/lato-bold.woff2') format('woff2'),
         url('//textile-zone-wholesale-surat.blr1.digitaloceanspaces.com/fonts/custom/lato-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap; 
}

/* --- DANCING SCRIPT REGULAR (Weight 400) --- */
@font-face {
    font-family: 'Dancing Script';
    /* Replace the URL with your exact Space/Region/Path */
    src: url('//textile-zone-wholesale-surat.blr1.digitaloceanspaces.com/fonts/custom/dancing-script-regular.woff2') format('woff2'),
         url('//textile-zone-wholesale-surat.blr1.digitaloceanspaces.com/fonts/custom/dancing-script-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}


/* =====================================================================
   2. FONT APPLICATION (Tells the browser where to use the fonts)
   ===================================================================== */

/* Apply Lato to the main website body text, headings, and navigation */
body, 
.nav-small > li > a, 
.header-top .header-nav > li > a, 
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: 'Lato', sans-serif !important;
}

/* Ensure all heading elements use Lato */
h1, h2, h3, h4, h5, h6, .heading-font {
    font-family: 'Lato', sans-serif !important;
}

/* Apply Dancing Script to any element with the class .dancing-script-title */
/* You would add this class in the Flatsome UX Builder for specific titles. */
.dancing-script-title {
    font-family: 'Dancing Script', cursive !important;
}

/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/