/* ==========================================================================
   Paya Master Stylesheet
   Imports all module stylesheets in optimized dependency order
   ========================================================================== */

/* 1. Core Framework & Global Presentation */
@import "navigation.css";
@import "slider.css";
@import "dynamic_bc.css";

/* 2. Homepage & Global Layout */
@import "home_modules.css";
@import "service_widget.css";
@import "footer.css";

/* 3. Subpage Modules */
@import "about_modules.css";
@import "contact_modules.css";
@import "blog_modules.css";
@import "reviews_modules.css";

/* ==========================================================================
   Global Base Resets & Enhancements
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
    overflow-x: hidden;
    max-width: 100%;
}

body {
    overflow-x: hidden;
    max-width: 100%;
    background-color: #e2f0e7;
    color: #0e1b14;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

::selection {
    background-color: #0f8a48;
    color: #ffffff;
}

::-moz-selection {
    background-color: #0f8a48;
    color: #ffffff;
}

/* Accessibility Focus Ring */
:focus-visible {
    outline: 2px solid #0f8a48;
    outline-offset: 2px;
}

button:focus,
a:focus {
    outline-color: #0f8a48;
}