/* ==========================================================================
   Sanmarg Prakashan - Global Styling & Theme System
   File: global.css
   ========================================================================== */

:root {
    --font-color: #1e293b;
    --font-size: 14px;
    --theme-color-1: #b42231;
    --theme-color-2: #f4801f;
    --theme-color-3: #26237b;
    --theme-color-4: #eb008a;
    --theme-color-5: #0277ba;
    --theme-color-6: #009e54;
    --theme-color-7: #c9262d;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-heading: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    /* Theme-Based Scrollbar Variables */
    --sb-track-bg: #f8f6f2;
    --sb-thumb-gradient-start: #b42231;
    --sb-thumb-gradient-end: #d43849;
    --sb-thumb-hover-start: #981725;
    --sb-thumb-hover-end: #b42231;
    --sb-thumb-border: #f8f6f2;
    --sb-size: 8px;
    --sb-radius: 10px;
    /* ==========================================================================
       Global Responsive Typography Variables (Base: 1705px Desktop Screen)
       Formula: calc(N * 100vw / 1705) -> Equals exactly N px at 1705px width
       ========================================================================== */
    --base-vw-width: 1705;
    --fs-10: calc(10 * 100vw / 1705);
    --fs-11: calc(11 * 100vw / 1705);
    --fs-11-5: calc(11.5 * 100vw / 1705);
    --fs-12: calc(12 * 100vw / 1705);
    --fs-12-5: calc(12.5 * 100vw / 1705);
    --fs-13: calc(13 * 100vw / 1705);
    --fs-13-5: calc(13.5 * 100vw / 1705);
    --fs-14: calc(14 * 100vw / 1705);
    --fs-14-5: calc(14.5 * 100vw / 1705);
    --fs-15: calc(15 * 100vw / 1705);
    --fs-16: calc(16 * 100vw / 1705);
    --fs-16-5: calc(16.5 * 100vw / 1705);
    --fs-17: calc(17 * 100vw / 1705);
    --fs-18: calc(18 * 100vw / 1705);
    --fs-19: calc(19 * 100vw / 1705);
    --fs-20: calc(20 * 100vw / 1705);
    --fs-21: calc(21 * 100vw / 1705);
    --fs-22: calc(22 * 100vw / 1705);
    --fs-23: calc(23 * 100vw / 1705);
    --fs-24: calc(24 * 100vw / 1705);
    --fs-25: calc(25 * 100vw / 1705);
    --fs-26: calc(26 * 100vw / 1705);
    --fs-28: calc(28 * 100vw / 1705);
    --fs-30: calc(30 * 100vw / 1705);
    --fs-32: calc(32 * 100vw / 1705);
    --fs-34: calc(34 * 100vw / 1705);
    --fs-36: calc(36 * 100vw / 1705);
    --fs-38: calc(38 * 100vw / 1705);
    --fs-40: calc(40 * 100vw / 1705);
    --fs-42: calc(42 * 100vw / 1705);
    --fs-48: calc(48 * 100vw / 1705);
    --fs-52: calc(52 * 100vw / 1705);
    --fs-56: calc(56 * 100vw / 1705);
}

@media (max-width: 767px) {
     :root {
        --fs-10: 10px;
        --fs-11: 11px;
        --fs-11-5: 11.5px;
        --fs-12: 12px;
        --fs-12-5: 12.5px;
        --fs-13: 13px;
        --fs-13-5: 13.5px;
        --fs-14: 14px;
        --fs-14-5: 14.5px;
        --fs-15: 15px;
        --fs-16: 16px;
        --fs-16-5: 16.5px;
        --fs-17: 17px;
        --fs-18: 18px;
        --fs-19: 19px;
        --fs-20: 20px;
        --fs-21: 21px;
        --fs-22: 22px;
        --fs-23: 23px;
        --fs-24: 24px;
        --fs-25: 24px;
        --fs-26: 24px;
        --fs-28: 26px;
        --fs-30: 26px;
        --fs-32: 28px;
        --fs-34: 30px;
        --fs-36: 30px;
        --fs-38: 32px;
        --fs-40: 34px;
        --fs-42: 34px;
        --fs-48: 38px;
        --fs-52: 40px;
        --fs-56: 42px;
    }
}

html,
body,
button,
input,
optgroup,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

html {
    overflow-x: clip;
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    color: var(--font-color);
    font-size: var(--font-size);
}

@media (max-width: 991px) {
    html,
    body {
        overflow-x: clip;
        max-width: 100vw;
    }

    .wrapper,
    main,
    .content-wrapper,
    .page-content-wrapper,
    .site-main-wrapper,
    .page-wrapper {
        max-width: 100vw;
        overflow-x: clip;
    }
}


/* ==========================================================================
   Modern Stylish Theme-Based Custom Scrollbar Design
   ========================================================================== */


/* Firefox Standard */

* {
    scrollbar-width: thin;
    scrollbar-color: var(--theme-color-1) var(--sb-track-bg);
}


/* Chrome, Edge, Safari, Opera (Webkit) */

::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
}

::-webkit-scrollbar-track {
    background: var(--sb-track-bg);
    border-radius: var(--sb-radius);
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.04);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--sb-thumb-gradient-start) 0%, var(--sb-thumb-gradient-end) 100%);
    border-radius: var(--sb-radius);
    border: 2px solid var(--sb-thumb-border);
    box-shadow: 0 1px 3px rgba(180, 34, 49, 0.25);
    transition: background 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--sb-thumb-hover-start) 0%, var(--sb-thumb-hover-end) 100%);
    box-shadow: 0 2px 6px rgba(180, 34, 49, 0.4);
}

::-webkit-scrollbar-thumb:active {
    background: var(--sb-thumb-hover-start);
}

::-webkit-scrollbar-corner {
    background: var(--sb-track-bg);
}


/* ==========================================================================
   Icon Font Protection (Prevents global DM Sans override on font icons)
   ========================================================================== */

@font-face {
    font-family: 'lg';
    src: url('/siteassets/fonts/lightgallery/lgd641.eot?n1z373');
    src: url('/siteassets/fonts/lightgallery/lgd41d.eot?#iefixn1z373') format('embedded-opentype'), url('/siteassets/fonts/lightgallery/lgd641.woff?n1z373') format('woff'), url('/siteassets/fonts/lightgallery/lgd641.ttf?n1z373') format('truetype'), url('/siteassets/fonts/lightgallery/lgd641.svg?n1z373#lg') format('svg');
    font-weight: 400;
    font-style: normal;
}

.lg-icon,
[class*="lg-icon"],
.lg-actions .lg-next,
.lg-actions .lg-prev,
.lg-toolbar .lg-icon,
.lg-outer .lg-toogle-thumb,
.lg-outer .lg-video-play,
#lg-actual-size,
#lg-zoom-in,
#lg-zoom-out,
.lg-fullscreen,
.lg-autoplay-button,
.lg-download,
.lg-close {
    font-family: 'lg' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}