/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
>>> Global Styles for GOTOPROSITES.COM
--------------------------------------------------------------*/

/* 1. Font Family & Body Text */
body, button, input, select, textarea {
    font-family: 'Poppins', sans-serif !important;
    color: #333;
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.7;
    margin: 0;
    padding: 0;
}

/* 2. Global Container */
.container, .site-main, .elementor-section {
    width: min(90%, 1200px);
    margin-inline: auto;
    padding-inline: clamp(1rem, 2vw, 2.5rem);
}

/* 3. Fluid Typography with clamp() */

/* H1 */
h1, .elementor-heading-title.h1,
.elementor-heading-title[elementor-size="xxl"] {
    font-size: clamp(25px, 4vw, 60px) !important;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 0.75em;
}

/* H2 */
h2, .elementor-heading-title.h2,
.elementor-heading-title[elementor-size="xl"] {
    font-size: clamp(22px, 3.5vw, 45px) !important;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 0.7em;
}

/* H3 */
h3, .elementor-heading-title.h3,
.elementor-heading-title[elementor-size="large"] {
    font-size: clamp(20px, 3vw, 35px) !important;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0.65em;
}

/* H4 */
h4, .elementor-heading-title.h4,
.elementor-heading-title[elementor-size="medium"] {
    font-size: clamp(18px, 2.5vw, 28px) !important;
    line-height: 1.35;
    font-weight: 600;
    margin-bottom: 0.6em;
}

/* H5 */
h5, .elementor-heading-title.h5,
.elementor-heading-title[elementor-size="small"] {
    font-size: clamp(16px, 2vw, 22px) !important;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 0.55em;
}

/* H6 */
h6, .elementor-heading-title.h6,
.elementor-heading-title[elementor-size="xs"] {
    font-size: clamp(14px, 1.8vw, 18px) !important;
    line-height: 1.45;
    font-weight: 600;
    margin-bottom: 0.5em;
}

/* Paragraphs & Elementor text editor */
p, .elementor-widget-text-editor {
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.7;
    margin-bottom: 1.2em;
}

/* 4. Section Spacing */
section,
.elementor-section {
    padding-block: clamp(60px, 8vw, 100px);
}

/* 5. Buttons */
button, .elementor-button {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500;
    padding: clamp(10px, 2vw, 14px) clamp(20px, 4vw, 32px);
    border-radius: 6px;
    transition: all 0.3s ease;
}
button:hover, .elementor-button:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

/* 6. Images & Media */
img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* 7. Utility Classes */
.text-center { text-align: center; }
.mt-2 { margin-top: 2rem; }
.mb-2 { margin-bottom: 2rem; }
