/*
Theme Name: Success
Theme URI: https://aapolix.com
Author: Rajkumar Dan
Description: Lightweight AI-ready WordPress theme optimized for performance and SEO.
Version: 1.1
License: GPLv2 or later
Text Domain: success
*/

/* Color Scheme Start */
:root{
/* ---------- SURFACE (Glass Base) ---------- */
--surface-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
--surface-bg-solid: #ffffff;
--surface-glass: rgba(255,255,255,0.72);
--surface-glass-strong: rgba(255,255,255,0.86);
/* ---------- TEXT ---------- */
--surface-text: #0f172a;
--surface-text-muted: #475569;
--surface-text-black: #0b0f19;
/* ---------- BORDER ---------- */
--surface-border: rgba(15,23,42,0.08);
--surface-border-strong: rgba(15,23,42,0.14);
/* ---------- BRAND ACCENT (Refined Indigo + Red hint) ---------- */
--surface-primary: #4f46e5;          /* premium indigo */
--surface-primary-soft: rgba(79,70,229,0.12);
--surface-accent: #ef4444;           /* controlled red (not aggressive) */
--surface-accent-soft: rgba(239,68,68,0.12);
/* ---------- SHADOWS (Soft Glass Elevation) ---------- */
--shadow-xs: 0 1px 1px rgba(15,23,42,0.04);
--shadow-sm: 0 2px 6px rgba(15,23,42,0.06),
             0 8px 16px rgba(15,23,42,0.08);
--shadow-md: 0 6px 16px rgba(15,23,42,0.08),
             0 16px 32px rgba(15,23,42,0.12);
--shadow-glow: 0 0 0 1px rgba(79,70,229,0.15),
               0 12px 40px rgba(79,70,229,0.18);
/* ---------- BUTTONS ---------- */
--surface-btn-bg: linear-gradient(135deg, var(--surface-primary), #6366f1);
--surface-btn-solid: var(--surface-primary);
--surface-btn-text: #ffffff;
--surface-btn-bg-hover: linear-gradient(135deg, #4338ca, #4f46e5);
--surface-btn-shadow: 0 10px 25px rgba(79,70,229,0.25);
/* optional accent button (danger / highlight) */
--surface-btn-accent: linear-gradient(135deg, #ef4444, #f97316);
/* ---------- DARKEN / OVERLAY ---------- */
--surface-darken-strength: 0.10;
/* ---------- GLASS EFFECT CONTROL ---------- */
--glass-blur: 16px;
--glass-saturation: 180%;
}
[data-surface="White"]{
/* ---------- BACKGROUND (Soft White Layers) ---------- */
--surface-bg: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
--surface-bg-solid: #ffffff;
--surface-bg-muted: #f1f5f9;
/* ---------- GLASS SURFACE ---------- */
--surface-glass: rgba(255,255,255,0.75);
--surface-glass-strong: rgba(255,255,255,0.9);
/* ---------- TEXT ---------- */
--surface-text: #0f172a;          /* primary */
--surface-text-muted: #475569;    /* secondary */
--surface-text-soft: #64748b;     /* tertiary */
--surface-text-black: #020617;
/* ---------- BORDER ---------- */
--surface-border: rgba(15,23,42,0.08);
--surface-border-strong: rgba(15,23,42,0.14);
/* ---------- ACCENT (Premium Indigo) ---------- */
--surface-primary: #000000;
--surface-primary-soft: rgba(79,70,229,0.12);
/* ---------- OPTIONAL ACCENT (Status / Highlight) ---------- */
--surface-accent: #0ea5e9; /* soft sky blue */
--surface-success: #ff914d;
--surface-warning: #f59e0b;
--surface-danger: #ef4444;
/* ---------- SHADOWS (Soft Elevation) ---------- */
--shadow-xs: 0 1px 1px rgba(15,23,42,0.04);
--shadow-sm: 0 2px 8px rgba(15,23,42,0.06);
--shadow-md: 0 8px 24px rgba(15,23,42,0.10);
--shadow-lg: 0 16px 40px rgba(15,23,42,0.12);
/* ---------- BUTTONS ---------- */
--surface-btn-bg: linear-gradient(90deg, #ffde59, #ff914d);
--surface-btn-solid: #111111;
--surface-btn-text: #111111;
--surface-btn-hover: linear-gradient(90deg, #ff914d, #ffde59 );
--surface-btn-shadow: 0 10px 30px rgba(0,0,0,0.4);
/* ---------- GLASS EFFECT ---------- */
--glass-blur: 16px;
--glass-opacity: 0.75;
/* ---------- OVERLAY ---------- */
--surface-overlay: rgba(15,23,42,0.04);
}
[data-surface="Royal-Blue"]{
/* ---------- BACKGROUND (Deep Glass Blue) ---------- */
--surface-bg: linear-gradient(
    135deg,
    rgba(79,70,229,0.18) 0%,
    rgba(30,64,175,0.22) 50%,
    rgba(2,6,23,0.95) 100%
);
--surface-bg-solid: #1e3a8a;
/* ---------- GLASS EFFECT ---------- */
--surface-glass: rgba(255,255,255,0.08);
--surface-glass-strong: rgba(255,255,255,0.12);
--glass-blur: 18px;
/* ---------- TEXT (High contrast for dark blue surface) ---------- */
--surface-text: #f8fafc;
--surface-text-muted: rgba(248,250,252,0.72);
--surface-text-soft: rgba(248,250,252,0.55);
/* ---------- BORDER (Soft glow edges) ---------- */
--surface-border: rgba(255,255,255,0.10);
--surface-border-strong: rgba(99,102,241,0.25);
/* ---------- ACCENT (Refined Royal Indigo) ---------- */
--surface-primary: #6366f1;
--surface-primary-soft: rgba(99,102,241,0.18);
/* ---------- BUTTONS ---------- */
--surface-btn-bg: linear-gradient(135deg, #6366f1, #4f46e5);
--surface-btn-solid: #6366f1;
--surface-btn-text: #ffffff;
--surface-btn-hover: linear-gradient(135deg, #4f46e5, #4338ca);
--surface-btn-shadow: 0 12px 30px rgba(99,102,241,0.35);
/* ---------- SHADOWS (Floating depth) ---------- */
--shadow-xs: 0 1px 1px rgba(0,0,0,0.25);
--shadow-sm: 0 4px 12px rgba(0,0,0,0.25);
--shadow-md: 0 10px 30px rgba(0,0,0,0.35);
--shadow-glow: 0 0 0 1px rgba(99,102,241,0.25),
               0 20px 60px rgba(99,102,241,0.20);
/* ---------- OVERLAY ---------- */
--surface-overlay: rgba(0,0,0,0.25);
/* ---------- OPTIONAL ACCENTS ---------- */
--surface-success: #22c55e;
--surface-warning: #f59e0b;
--surface-danger: #ef4444;
}

[data-surface="Neutral-Electric"]{
/* ---------- BASE (Frosted White System) ---------- */
--surface-bg: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%);
--surface-bg-solid: #ffffff;
--surface-bg-muted: #eef2f7;
/* ---------- GLASS ---------- */
--surface-glass: rgba(255,255,255,0.72);
--surface-glass-strong: rgba(255,255,255,0.88);
/* ---------- TEXT ---------- */
--surface-text: #0b1220;
--surface-text-muted: #445164;
--surface-text-soft: #6b7a90;
/* ---------- BORDER ---------- */
--surface-border: rgba(15,23,42,0.07);
--surface-border-strong: rgba(15,23,42,0.12);
/* ---------- PRIMARY (Electric Indigo - key trend) ---------- */
--surface-primary: #5b5cff;
--surface-primary-hover: #4c4df5;
--surface-primary-soft: rgba(91,92,255,0.12);
/* ---------- SECONDARY ACCENT (Cool Cyan Glow) ---------- */
--surface-accent: #22d3ee;
--surface-accent-soft: rgba(34,211,238,0.12);
/* ---------- STATUS COLORS (Muted, non-neon) ---------- */
--surface-success: #22c55e;
--surface-warning: #f59e0b;
--surface-danger: #ef4444;
/* ---------- SHADOWS (Floating Glass Depth) ---------- */
--shadow-xs: 0 1px 2px rgba(15,23,42,0.04);
--shadow-sm: 0 4px 12px rgba(15,23,42,0.06);
--shadow-md: 0 10px 30px rgba(15,23,42,0.10);
--shadow-lg: 0 20px 60px rgba(15,23,42,0.14);
/* ---------- GLOW (Subtle, not flashy) ---------- */
--shadow-glow: 0 0 0 1px rgba(91,92,255,0.18),
               0 12px 40px rgba(91,92,255,0.18);
/* ---------- BUTTONS ---------- */
--surface-btn-bg: linear-gradient(135deg, #5b5cff, #7c7dff);
--surface-btn-solid: #5b5cff;
--surface-btn-text: #ffffff;
--surface-btn-hover: linear-gradient(135deg, #4c4df5, #5b5cff);
--surface-btn-shadow: 0 10px 30px rgba(91,92,255,0.28);
/* ---------- GLASS CONTROL ---------- */
--glass-blur: 18px;
--glass-opacity: 0.75;
/* ---------- OVERLAY ---------- */
--surface-overlay: rgba(15,23,42,0.04);
}

[data-surface="Black-Glass"]{
/* ---------- BASE (Deep Luxury Background) ---------- */
--surface-bg: linear-gradient(180deg, #0b0f19 0%, #020617 100%);
--surface-bg-solid: #020617;
--surface-bg-muted: #0f172a;
/* ---------- GLASS (Dark Frosted Layers) ---------- */
--surface-glass: rgba(255,255,255,0.04);
--surface-glass-strong: rgba(255,255,255,0.08);
/* ---------- TEXT ---------- */
--surface-text: #f8fafc;
--surface-text-muted: #cbd5f5;
--surface-text-soft: #94a3b8;
/* ---------- BORDER ---------- */
--surface-border: rgba(255,255,255,0.08);
--surface-border-strong: rgba(255,255,255,0.14);
/* ---------- PRIMARY (Royal Indigo Glow) ---------- */
--surface-primary: #6366f1;
--surface-primary-hover: #4f46e5;
--surface-primary-soft: rgba(99,102,241,0.18);
/* ---------- LUXURY ACCENT (Soft Gold Highlight) ---------- */
--surface-accent: #f5d08a;
--surface-accent-soft: rgba(245,208,138,0.18);
/* ---------- STATUS COLORS ---------- */
--surface-success: #22c55e;
--surface-warning: #f59e0b;
--surface-danger: #ef4444;
/* ---------- SHADOWS (Depth + Glow) ---------- */
--shadow-xs: 0 1px 2px rgba(0,0,0,0.5);
--shadow-sm: 0 6px 18px rgba(0,0,0,0.6);
--shadow-md: 0 12px 40px rgba(0,0,0,0.7);
--shadow-lg: 0 24px 80px rgba(0,0,0,0.85);
/* ---------- GLOW (Premium effect) ---------- */
--shadow-glow: 0 0 0 1px rgba(99,102,241,0.25),
               0 20px 60px rgba(99,102,241,0.25);
/* ---------- BUTTONS ---------- */
--surface-btn-bg: linear-gradient(135deg, #6366f1, #4f46e5);
--surface-btn-solid: #6366f1;
--surface-btn-text: #ffffff;
--surface-btn-hover: linear-gradient(135deg, #4f46e5, #4338ca);
--surface-btn-shadow: 0 12px 35px rgba(99,102,241,0.35);
/* optional luxury gold button */
--surface-btn-accent: linear-gradient(135deg, #f5d08a, #eab308);
/* ---------- GLASS CONTROL ---------- */
--glass-blur: 20px;
--glass-opacity: 0.08;
/* ---------- OVERLAY ---------- */
--surface-overlay: rgba(0,0,0,0.5);
}
/* Color Scheme End */
/* =========================================================
   GLOBAL RESET - MODERN MOBILE FIRST
   ========================================================= */
/* =========================================================
   RESET
   ========================================================= */
*,
*::before,
*::after{
    box-sizing:border-box;
}
*{
    margin:0;
    padding:0;
}
/* smoother UI only where needed */
a,
button,
input,
textarea,
select{
    transition:
        background-color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        color .25s ease,
        opacity .25s ease,
        transform .25s ease;
}
/* =========================================================
   HTML
   ========================================================= */
html{
    overflow-x:hidden;
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
/* =========================================================
   BODY
   ========================================================= */
body{
    margin:0;
    padding:0;
    overflow-x:hidden;
    background:var(--surface-bg);
    color:var(--surface-text);
    /* ---------- Typography ---------- */
    font-family:
        "Inter",
        "Segoe UI",
        Roboto,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.72;
    letter-spacing:-0.01em;
    font-feature-settings:
        "kern" 1,
        "liga" 1,
        "calt" 1;
    font-optical-sizing:auto;
}
/* =========================================================
   HEADINGS
   ========================================================= */
h1,
h2,
h3,
h4,
h5,
h6{
    margin:0 0 .8rem;
    color:var(--surface-text);
    font-weight:700;
    line-height:1.22;
    letter-spacing:-0.03em;
    max-width: 100%;
    word-break: normal;
    hyphens: auto;

}
/* ---------- Heading Scale ---------- */
h1{
    font-size:clamp(2rem,5vw,3.4rem);
}
h2{
    font-size:clamp(1.65rem,4vw,2.5rem);
}
h3{
    font-size:clamp(1.35rem,3vw,1.9rem);
}
h4{
    font-size:1.15rem;
}
h5{
    font-size:1rem;
}
h6{
    font-size:.92rem;
}
/* =========================================================
   TEXT
   ========================================================= */
p{
    margin:0 0 1rem;
    color:var(--surface-text);
    font-size:1rem;
    line-height:1.8;
}
/* =========================================================
   LINKS
   ========================================================= */
a{
    color:inherit;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
/* =========================================================
   MEDIA
   ========================================================= */
img,
picture,
video,
canvas,
svg{
    display:block;
    max-width:100%;
}
img{
    height:auto;
}
/* =========================================================
   FORMS
   ========================================================= */
input,
textarea,
select,
button{
    font:inherit;
}
button{
    border:none;
    background:none;
    cursor:pointer;
}
/* =========================================================
   LISTS
   ========================================================= */
ul,
ol{
    margin:0 0 1rem;
    padding-left:1.2rem;
}
li{
    line-height:1.7;
}
/* =========================================================
   CONTENT READABILITY
   ========================================================= */
.entry-content,
.post-content,
.site-content{
    overflow-wrap:break-word;
    word-break:break-word;
}
/* =========================================================
   SELECTION
   ========================================================= */
::selection{
    background:var(--surface-primary);
    color:#ffffff;
}
/* =========================================================
   SURFACE TEXT UTILITIES
   ========================================================= */
.surface-primary{
    color:var(--surface-primary);
}
.surface-accent{
    color:var(--surface-accent);
}
.surface-success{
    color:var(--surface-success);
}
.surface-warning{
    color:var(--surface-warning);
}
.surface-danger{
    color:var(--surface-danger);
}
.surface-muted{
    color:var(--surface-text-muted);
}
.surface-soft{
    color:var(--surface-text-soft);
}
/* ---------- Gradient Text ---------- */
.surface-gradient-text{
    display:inline-block;
    background:var(--surface-btn-bg);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight:700;
}
/* =========================================================
   BOOTSTRAP OVERRIDE
   ========================================================= */
.text-muted{
    --bs-text-opacity:1;
    color:var(--surface-text-muted) !important;
}
/* =========================================================
   ACCESSIBILITY
   ========================================================= */
.skip-link{
    position:absolute;
    left:-9999px;
    top:0;
}
.skip-link:focus{
    left:12px;
    top:12px;
    padding:10px 14px;
    background:#000000;
    color:#ffffff;
    border-radius:6px;
    z-index:999999;
}
.screen-reader-text{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}
/*======================================
NAVBAR
======================================*/
.navbar{
    background:var(--surface-bg);
    color:var(--surface-text);
    border-bottom:1px solid var(--surface-border);
    box-shadow:var(--shadow-sm);
    padding:0.5rem 0;
    position:relative;
    z-index:999;
    overflow:visible;
}
.navbar .container-fluid{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    overflow:visible;
}
/*======================================
LOGO
======================================*/
.navbar-brand{
    margin-right:0 !important;
    padding:0;
    display:flex;
    align-items:center;
}
.custom-logo-link{
    display:inline-flex;
    align-items:center;
    max-width:100%;
}
.custom-logo{
    display:block;
    width:auto;
    max-height:50px;
}
/*======================================
NAVIGATION
======================================*/
.navbar-nav{
    width:100%;
    align-items:flex-start;
}
.navbar-nav .nav-item{
    position:relative;
    width:100%;
}
.navbar-nav .nav-link{
    display:flex;
    align-items:center;
    width:100%;
    padding:0.85rem 0;
    color:var(--surface-text);
    background:transparent;
    font-size:0.81rem;
    font-weight:500;
    line-height:1.2;
    text-transform:uppercase;
    border-bottom:1px solid var(--surface-border);
    transition:all 0.2s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.show{
    color:var(--surface-text);
    background:transparent;
}
/*======================================
DROPDOWN
======================================*/
.dropdown-menu{
    position:static !important;
    width:100%;
    min-width:100%;
    margin:0;
    padding:0;
    background:transparent;
    border:none;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
}
/* FULL BORDER ITEM */
.dropdown-menu .dropdown-item{
    display:block;
    width:100%;
    padding:0.75rem 0;
    color:var(--surface-text);
    background:transparent !important;
    font-size:0.81rem;
    font-weight:500;
    line-height:1.3;
    text-transform:uppercase;
    /* FULL BORDER */
    border-bottom:1px solid var(--surface-border) !important;
    border-top:none !important;
    transition:all 0.2s ease;
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus{
    background:var(--surface-bg-solid) !important;
    color:var(--surface-text);
}
/*======================================
SUBMENU MOBILE
======================================*/
/* Level 2 indent */
.dropdown-submenu > .dropdown-menu{
    padding-left:0rem;
}
/* Level 3 indent */
.dropdown-submenu > .dropdown-menu.submenu{
    padding-left:0rem;
}
/*======================================
SEARCH FORM
======================================*/
.navbar form.d-flex,
.search-form{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:0.5rem;
    margin-top:0.75rem;
    align-items:stretch;
}
.navbar .form-control{
    width:100%;
    padding:0.7rem 0.9rem;
    border-radius:5px;
    border:1px solid var(--surface-border);
    background:var(--surface-bg);
    color:var(--surface-text);
    font-size:14px;
    box-shadow:none;
}
.navbar .form-control:focus{
    border-color:var(--surface-border);
    box-shadow:none;
}
.navbar .btn{
    padding:0.7rem 1rem;
    border-radius:5px;
    border:1px solid var(--surface-border);
    background:var(--surface-bg);
    color:var(--surface-text);
    font-weight:600;
    white-space:nowrap;
    transition:all 0.2s ease;
}
.navbar .btn:hover{
    background:var(--surface-bg-solid);
}
/*======================================
CUSTOM TOGGLER
======================================*/
.navbar-toggler{
    width:1.6rem;
    height:1.2rem;
    position:relative;
    border:none;
    background:transparent;
    padding:0;
    box-shadow:none !important;
}
.navbar-toggler:focus{
    outline:none;
    box-shadow:none;
}
.navbar-toggler span,
.navbar-toggler::before,
.navbar-toggler::after{
    content:"";
    position:absolute;
    left:0;
    width:100%;
    height:2px;
    background:var(--surface-text);
    transition:all 0.3s ease;
}
/* Top */
.navbar-toggler::before{
    top:0;
}
/* Middle */
.navbar-toggler span{
    top:50%;
    transform:translateY(-50%);
}
/* Bottom */
.navbar-toggler::after{
    bottom:0;
}
/* Active */
.navbar-toggler[aria-expanded="true"]::before{
    top:50%;
    transform:rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] span{
    opacity:0;
}
.navbar-toggler[aria-expanded="true"]::after{
    bottom:42%;
    transform:rotate(-45deg);
}
/*======================================
BREADCRUMB
======================================*/
.seo-breadcrumb{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
}
.seo-breadcrumb::-webkit-scrollbar{
    display:none;
}
/*======================================
BREADCRUMB LIST
======================================*/
.seo-breadcrumb ol{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:0.55rem;
    margin:0;
    padding:0;
    list-style:none;
}
/*======================================
BREADCRUMB ITEM
======================================*/
.seo-breadcrumb li{
    position:relative;
    display:inline-flex;
    align-items:center;
    flex-shrink:0;
    font-size:0.82rem;
    line-height:1.4;
    color:var(--surface-text-soft);
}
/*======================================
SEPARATOR
======================================*/
.seo-breadcrumb li:not(:last-child)::after{
    content:"/";
    margin-left:0.55rem;
    color:var(--surface-border);
    opacity:0.8;
}
/*======================================
LINKS
======================================*/
.seo-breadcrumb a{
    display:inline-flex;
    align-items:center;
    color:var(--surface-text-muted);
    text-decoration:none;
    transition:
        color 0.25s ease,
        opacity 0.25s ease;
}
.seo-breadcrumb a:hover{
    color:var(--surface-text);
}
/*======================================
ACTIVE ITEM
======================================*/
.seo-breadcrumb li.active,
.seo-breadcrumb li:last-child{
    color:var(--surface-text);
    font-weight:500;
}
/*======================================
TEXT TRUNCATION
======================================*/
.seo-breadcrumb span{
    white-space:nowrap;
}
/*======================================
OPTIONAL GLASS STYLE
======================================*/
.breadcrumb-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    max-width:100%;
    padding:0.65rem 0.9rem;
    border:0px solid var(--surface-border);
    background:rgba(255,255,255,0.02);
    backdrop-filter:blur(var(--glass-blur,16px));
    -webkit-backdrop-filter:blur(var(--glass-blur,16px));
    overflow:hidden;
}
/* subtle glow */
.breadcrumb-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,0.03),
            transparent
        );
    pointer-events:none;
}

/*======================================
POST / CONTENT LAYOUT
======================================*/
.page-section{
    padding:1.5rem 0 2rem;
    background:var(--surface-bg);
    color:var(--surface-text);
}
/*======================================
ARTICLE CARD
======================================*/
.content-article{
    position:relative;
    background:var(--surface-bg);
	border-radius:5px;
    border:1px solid var(--surface-border);
   /* box-shadow:var(--shadow-sm); */
    overflow:hidden;
}
/*======================================
POST HEADER
======================================*/
.content-header{
    padding:1.25rem 1.25rem 0;
}
.content-title{
    margin:0;
    font-size:clamp(1.7rem,5vw,2.5rem);
    line-height:1.2;
    font-weight:700;
    color:var(--surface-text);
    word-break:break-word;
}
/*======================================
FEATURED IMAGE
======================================*/
.content-thumbnail{
    margin:1.25rem 0 0;
    overflow:hidden;
}
.content-thumbnail img{
    width:100%;
    height:auto;
    display:block;
	padding: 20px;
    border-radius:0;
    transition:transform 0.4s ease;
}
.content-thumbnail:hover img{
    transform:scale(1.02);
}
/*======================================
CONTENT BODY
======================================*/
.content-body{
    padding:1.5rem 1.25rem;
}
/* Paragraph */
.content-body p{
    margin-bottom:1.2rem;
    font-size:1rem;
    line-height:1.9;
    color:var(--surface-text-muted);
}
/* Headings */
.content-body h2,
.content-body h3,
.content-body h4,
.content-body h5,
.content-body h6{
    margin-top:2rem;
    margin-bottom:1rem;
    line-height:1.3;
    font-weight:700;
    color:var(--surface-text);
}
.content-body h2{
    font-size:1.7rem;
}
.content-body h3{
    font-size:1.45rem;
}
.content-body h4{
    font-size:1.2rem;
}
/* Lists */
.content-body ul,
.content-body ol{
    padding-left:1.2rem;
    margin-bottom:1.5rem;
}
.content-body li{
    margin-bottom:0.1rem;
    color:var(--surface-text-muted);
}
/* Links */
.content-body a{
    color:var(--surface-text);
    text-decoration:none;
    transition:all 0.25s ease;
}
.content-body a:hover{
    color:var(--surface-text);
    text-decoration:none;
	font-weight: bold;
}
/* Images */
.content-body img{
    max-width:100%;
    height:auto;
    margin:1.5rem 0;
    border-radius:8px;
}
/* Blockquote */
.content-body blockquote{
    margin:2rem 0;
    padding:1rem 1.25rem;
    border-left:3px solid var(--surface-primary-soft);
    background:rgba(255,255,255,0.02);
    color:var(--surface-text);
}
/* Code */
.content-body pre,
.content-body code{
    background:rgba(255,255,255,0.04);
    border:1px solid var(--surface-border);
    border-radius:6px;
}
.content-body pre{
    padding:1rem;
    overflow:auto;
}
.content-body code{
    padding:0.15rem 0.35rem;
    font-size:0.92em;
}
/* Tables */
.content-body table{
    width:100%;
    margin:1.5rem 0;
    border-collapse:collapse;
}
.content-body table th,
.content-body table td{
    padding:0.8rem;
    border:1px solid var(--surface-border);
    text-align:left;
}
.content-body table th{
    background:rgba(255,255,255,0.03);
    color:var(--surface-text);
}
.content-body table td{
    color:var(--surface-text-muted);
}
/*======================================
PAGINATION
======================================*/
.content-pagination{
    padding:0 1.25rem 1.5rem;
}
.content-pagination .page-links{
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
}
.content-pagination a,
.content-pagination span{
    min-width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 0.85rem;
    border:1px solid var(--surface-border);
    background:var(--surface-bg);
    color:var(--surface-text);
    text-decoration:none;
    transition:all 0.25s ease;
}
.content-pagination a:hover{
    background:var(--surface-bg-solid);
}
/*======================================
TAGS
======================================*/
.content-tags{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0.5rem;
    padding:0 1.25rem 1.5rem;
}
.content-tags .tag-title{
    font-size:0.85rem;
    font-weight:600;
    color:var(--surface-text);
}
.content-tags a{
    display:inline-flex;
    align-items:center;
    padding:0.45rem 0.8rem;
    font-size:0.8rem;
    font-weight:500;
    text-transform:uppercase;
    color:var(--surface-text-muted);
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.02);
    text-decoration:none;
    transition:all 0.25s ease;
}
.content-tags a:hover{
    color:var(--surface-text);
    background:rgba(255,255,255,0.05);
}
/*======================================
SIDEBAR
======================================*/
.content-sidebar{
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}
/* Widgets */
.content-sidebar .widget{
    padding:1.25rem;
    background:var(--surface-bg);
    border:1px solid var(--surface-border);
    box-shadow:var(--shadow-sm);
}
/* Widget Title */
.content-sidebar .widget-title{
    margin-bottom:1rem;
    font-size:1rem;
    font-weight:700;
    color:var(--surface-text);
}
/* Widget Lists */
.content-sidebar ul{
    margin:0;
    padding:0;
    list-style:none;
}
.content-sidebar li{
    padding:0.55rem 0;
    border-bottom:1px solid var(--surface-border);
}
.content-sidebar li:last-child{
    border-bottom:none;
}
.content-sidebar a{
    color:var(--surface-text-muted);
    text-decoration:none;
    transition:all 0.25s ease;
}
.content-sidebar a:hover{
    color:var(--surface-text);
}
/* Search Widget */
.content-sidebar .wp-block-search__inside-wrapper,
.content-sidebar .search-form{
    display:flex;
    gap:0.5rem;
}
.content-sidebar input[type="search"],
.content-sidebar input[type="text"]{
    width:100%;
    height:42px;
    padding:0 0.9rem;
    border:1px solid var(--surface-border);
    background:var(--surface-bg);
    color:var(--surface-text);
}
.content-sidebar button,
.content-sidebar input[type="submit"]{
    height:42px;
    padding:0 1rem;
    border:none;
    background:var(--surface-primary);
    color:#fff;
    cursor:pointer;
}
/*======================================
PAGE LAYOUT
======================================*/
.page-section{
    position:relative;
    padding:1.5rem 0 2rem;
    background:var(--surface-bg);
    color:var(--surface-text);
}
/*======================================
PAGE HEADER
======================================*/
.page-header{
    position:relative;
    margin-bottom:.5rem;
    padding:1rem 0;
    border-bottom:1px solid var(--surface-border);
    background:rgba(255,255,255,0.01);
    overflow:hidden;
}
/* subtle glow */
.page-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,255,255,0.03),
            transparent 45%
        );
    pointer-events:none;
}
/*======================================
PAGE TITLE
======================================*/
.page-title{
    position:relative;
    margin:0 0 0.5rem;
    font-size:clamp(1.8rem,6vw,3rem);
    line-height:1.15;
    font-weight:700;
    color:var(--surface-text);
    word-break:break-word;
}
/*======================================
BREADCRUMB
======================================*/
.breadcrumb-wrap{
    position:relative;
    font-size:0.9rem;
    color:var(--surface-text-soft);
}
.breadcrumb-wrap a{
    color:var(--surface-text-muted);
    text-decoration:none;
    transition:color 0.25s ease;
}
.breadcrumb-wrap a:hover{
    color:var(--surface-text);
}
/*======================================
PAGE CONTENT
======================================*/
.page-content{
    position:relative;
    background:var(--surface-bg);
    /*border:1px solid var(--surface-border);
    box-shadow:var(--shadow-sm); */
    overflow:hidden;
}
/*======================================
PAGE BODY
======================================*/
.page-body{
    padding:1.5rem 1.25rem;
}
/* Paragraph */
.page-body p{
    margin-bottom:1.25rem;
    font-size:1rem;
    line-height:1.9;
    color:var(--surface-text-muted);
}
/*======================================
HEADINGS
======================================*/
.page-body h2,
.page-body h3,
.page-body h4,
.page-body h5,
.page-body h6{
    margin-top:2rem;
    margin-bottom:1rem;
    line-height:1.3;
    font-weight:700;
    color:var(--surface-text);
}
.page-body h2{
    font-size:1.75rem;
}
.page-body h3{
    font-size:1.45rem;
}
.page-body h4{
    font-size:1.2rem;
}
/*======================================
LISTS
======================================*/
.page-body ul,
.page-body ol{
    margin-bottom:1.5rem;
    padding-left:1.2rem;
}
.page-body li{
    margin-bottom:0.65rem;
    line-height:1.8;
    color:var(--surface-text-muted);
}
/*======================================
LINKS
======================================*/
.page-body a{
    color:var(--surface-primary);
    text-decoration:none;
    transition:all 0.25s ease;
}
.page-body a:hover{
    color:var(--surface-text);
    text-decoration:underline;
}
/*======================================
IMAGES
======================================*/
.page-body img{
    max-width:100%;
    height:auto;
    margin:1.5rem 0;
    border-radius:8px;
}
/*======================================
BLOCKQUOTE
======================================*/
.page-body blockquote{
    margin:2rem 0;
    padding:1rem 1.25rem;
    border-left:3px solid var(--surface-primary-soft);
    background:rgba(255,255,255,0.02);
    color:var(--surface-text);
}
/*======================================
TABLES
======================================*/
.page-body table{
    width:100%;
    margin:1.5rem 0;
    border-collapse:collapse;
}
.page-body table th,
.page-body table td{
    padding:0.85rem;
    border:1px solid var(--surface-border);
    text-align:left;
}
.page-body table th{
    background:rgba(255,255,255,0.03);
    color:var(--surface-text);
}
.page-body table td{
    color:var(--surface-text-muted);
}
/*======================================
CODE
======================================*/
.page-body pre,
.page-body code{
    border-radius:6px;
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.04);
}
.page-body pre{
    padding:1rem;
    overflow:auto;
}
.page-body code{
    padding:0.15rem 0.35rem;
    font-size:0.92em;
}
/*======================================
EMBED / IFRAME
======================================*/
.page-body iframe{
    width:100%;
    max-width:100%;
    border:none;
}
/*======================================
WORDPRESS BLOCKS
======================================*/
.page-body .wp-block-image,
.page-body .wp-block-gallery,
.page-body .wp-block-cover,
.page-body .wp-block-embed{
    margin-bottom:1.75rem;
}
/*======================================
ARCHIVE PAGE
======================================*/
.page-section{
    position:relative;
    padding:1.5rem 0 1rem;
    background:var(--surface-bg);
    color:var(--surface-text);
}
/*======================================
ARCHIVE HEADER
======================================*/
.archive-header{
    position:relative;
    margin-bottom:2rem;
    padding:1.5rem 1rem;
    border-bottom:1px solid var(--surface-border);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0.01)
        );
    /* box-shadow:var(--shadow-sm); */
    overflow:hidden;
}
/* subtle glow */
.archive-header::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,255,255,0.03),
            transparent 45%
        );
    pointer-events:none;
}
/*======================================
TITLE
======================================*/
.page-title{
    position:relative;
    margin:0 0 0.75rem;
    font-size:clamp(1.8rem,6vw,3rem);
    line-height:1.15;
    font-weight:700;
    color:var(--surface-text);
    word-break:break-word;
}
/*======================================
DESCRIPTION
======================================*/
.archive-description{
    position:relative;
    max-width:760px;
    margin:0 auto;
    font-size:1rem;
    line-height:1.8;
    color:var(--surface-text-muted);
}
.archive-description p{
    margin-bottom:0;
}
/*======================================
ARCHIVE LIST
======================================*/
.archive-list{
    display:flex;
    flex-direction:column;
    gap:1rem;
}
/*=====================================
ARCHIVE CARD
======================================*/
.archive-card{
    position:relative;
    padding:1.25rem;
    border:1px solid var(--surface-border);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0.01)
        );
    box-shadow:var(--shadow-sm);
    overflow:hidden;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease;
}
.archive-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,0.12);
}
/* subtle hover glow */
.archive-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,255,255,0.03),
            transparent 40%
        );
    pointer-events:none;
}
/*======================================
ARCHIVE TITLE
======================================*/
.archive-title{
    position:relative;
    margin:0 0 0.85rem;
    font-size:1.3rem;
    line-height:1.35;
    font-weight:700;
}
.archive-title a{
    color:var(--surface-text);
    text-decoration:none;
    transition:color 0.25s ease;
}
.archive-title a:hover{
    color:var(--surface-primary);
}
/*======================================
EXCERPT
======================================*/
.archive-excerpt{
    position:relative;
    margin-bottom:1rem;
    font-size:0.96rem;
    line-height:1.8;
    color:var(--surface-text-muted);
}
/*======================================
BUTTON
======================================*/
.archive-button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0.45rem;
    min-height:42px;
    padding:0.7rem 1rem;
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.02);
    color:var(--surface-text);
    font-size:0.88rem;
    font-weight:600;
    text-decoration:none;
    transition:
        all 0.25s ease;
}
.archive-button:hover{
    background:rgba(255,255,255,0.05);
    color:var(--surface-text);
    transform:translateY(-1px);
}
/*======================================
EMPTY STATE
======================================*/
.archive-empty{
    padding:2rem 1.25rem;
    border:1px solid var(--surface-border);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0.01)
        );
    box-shadow:var(--shadow-sm);
}
.archive-empty-title{
    margin-bottom:0.75rem;
    font-size:1.5rem;
    font-weight:700;
    color:var(--surface-text);
}
.archive-empty-text{
    margin-bottom:1rem;
    color:var(--surface-text-muted);
    line-height:1.8;
}
/*======================================
PAGINATION
======================================*/
.archive-pagination{
    margin-top:2rem;
}
.archive-pagination .nav-links{
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
}
.archive-pagination .page-numbers{
    min-width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 0.9rem;
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.02);
    color:var(--surface-text-muted);
    text-decoration:none;
    transition:all 0.25s ease;
}
.archive-pagination .page-numbers:hover{
    color:var(--surface-text);
    background:rgba(255,255,255,0.05);
}
.archive-pagination .current{
    background:rgba(255,255,255,0.08);
    color:var(--surface-text);
    font-weight:600;
}
/*======================================
SIDEBAR
======================================*/
.content-sidebar{
    display:flex;
    flex-direction:column;
    gap:1.25rem;
}
/*======================================
WIDGET CARD
======================================*/
.widget-card{
    padding:1.25rem;
    border:1px solid var(--surface-border);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0.01)
        );
    box-shadow:var(--shadow-sm);
}
/*======================================
WIDGET TITLE
======================================*/
.widget-title{
    margin:0 0 1rem;
    font-size:1rem;
    font-weight:700;
    color:var(--surface-text);
}
/*======================================
WIDGET TEXT
======================================*/
.widget-text{
    margin-bottom:1rem;
    line-height:1.8;
    color:var(--surface-text-muted);
}
/*======================================
WIDGET LIST
======================================*/
.widget-list{
    margin:0;
    padding:0;
    list-style:none;
}
.widget-list li{
    padding:0.7rem 0;
    border-bottom:1px solid var(--surface-border);
    color:var(--surface-text-muted);
}
.widget-list li:last-child{
    border-bottom:none;
}
/*======================================
SEARCH FORM
======================================*/
.widget-card .search-form,
.widget-card .wp-block-search__inside-wrapper{
    display:flex;
    gap:0.5rem;
}
.widget-card input[type="search"],
.widget-card input[type="text"]{
    width:100%;
    height:42px;
    padding:0 0.9rem;
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.02);
    color:var(--surface-text);
}
.widget-card input:focus{
    outline:none;
    border-color:rgba(255,255,255,0.15);
}
.widget-card button,
.widget-card input[type="submit"]{
    height:42px;
    padding:0 1rem;
    border:none;
    background:var(--surface-primary);
    color:#fff;
    cursor:pointer;
}
/*======================================
SEARCH PAGE
======================================*/
/*======================================
SEARCH HEADER
======================================*/
.archive-header strong{
    color:var(--surface-primary);
    font-weight:600;
}
/*======================================
SEARCH RESULTS SPACING
======================================*/
.archive-list{
    position:relative;
}
/*======================================
SEARCH RESULT CARD
======================================*/
.search .archive-card{
    position:relative;
    isolation:isolate;
}
.search .archive-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.015),
            transparent 45%
        );
    pointer-events:none;
    z-index:-1;
}
/*======================================
RESULT TITLE
======================================*/
.search .archive-title a{
    transition:
        color 0.25s ease,
        opacity 0.25s ease;
}
.search .archive-title a:hover{
    color:var(--surface-primary);
}
/*======================================
RESULT EXCERPT
======================================*/
.search .archive-excerpt{
    color:var(--surface-text-muted);
}
/*======================================
SEARCH EMPTY STATE
======================================*/
.archive-empty{
    position:relative;
    overflow:hidden;
}
.archive-empty::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top center,
            rgba(255,255,255,0.03),
            transparent 50%
        );
    pointer-events:none;
}
.archive-empty-title{
    position:relative;
}
.archive-empty-text{
    position:relative;
    max-width:540px;
    margin-left:auto;
    margin-right:auto;
}
/*======================================
SEARCH FORM
======================================*/
.search-form{
    width:100%;
}
.search-form label{
    width:100%;
    margin:0;
}
.search-form .search-field{
    width:100%;
    min-height:46px;
    padding:0.75rem 1rem;
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.02);
    color:var(--surface-text);
    font-size:0.95rem;
    transition:
        border-color 0.25s ease,
        background 0.25s ease;
}

.search-form .search-field:focus{
    outline:none;
    border-color:rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.03);
}
.search-form .search-field::placeholder{
    color:var(--surface-text-soft);
}
/*======================================
SEARCH BUTTON
======================================*/
.search-form .search-submit{
    min-height:46px;
    margin-top:0.75rem;
    padding:0.75rem 1rem;
    border:1px solid var(--surface-border);
    background:rgba(255,255,255,0.03);
    color:var(--surface-text);
    font-size:0.9rem;
    font-weight:600;
    cursor:pointer;
    transition:
        all 0.25s ease;
}
.search-form .search-submit:hover{
    background:rgba(255,255,255,0.06);
    transform:translateY(-1px);
}
/*======================================
SIDEBAR SEARCH
======================================*/
.widget-card .search-form{
    display:flex;
    flex-direction:column;
}
/*======================================
SEARCH QUERY TEXT
======================================*/
.search .archive-description p{
    margin-bottom:0;
}
/*======================================
NO RESULTS CTA
======================================*/
.archive-empty .archive-button{
    margin-top:0.5rem;
}
/*======================================
POST SCROLL
======================================*/
.post-scroll{
    position:relative;
    overflow:hidden;
    padding:0.55rem 0;
    border-top:1px solid var(--surface-border);
    border-bottom:1px solid var(--surface-border);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0.01)
        );
    backdrop-filter:blur(var(--glass-blur,16px));
    -webkit-backdrop-filter:blur(var(--glass-blur,16px));
    /* box-shadow:var(--shadow-sm); */
}
/* subtle glow */
.post-scroll::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(
            circle at top right,
            rgba(255,255,255,0.03),
            transparent 45%
        );

    pointer-events:none;
}
/*======================================
TRACK
======================================*/
.post-scroll-track{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:0.65rem;
    width:max-content;
    will-change:transform;
    animation:post-scroll-marquee 28s linear infinite;
}
/* remove bullets */
.post-scroll,
.post-scroll-track,
.post-scroll-item {
    list-style: none !important;
}

/* if inside UL/LI */
.post-scroll ul,
.post-scroll ol,
.post-scroll li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* remove underline from links */
.post-scroll-item a,
a.post-scroll-item {
    text-decoration: none !important;
}
/* pause on hover */
.post-scroll:hover .post-scroll-track{
    animation-play-state:paused;
}
/*======================================
POST ITEM
======================================*/
.post-scroll-item{
    position:relative;
    display:inline-flex;
    align-items:center;
    flex-shrink:0;
    gap:0.45rem;
    padding:0.5rem 0.9rem;
	border-radius:5px;
    border:0px solid var(--surface-border);
    background:rgba(255,255,255,0.03);
    color:var(--surface-text-muted);
    font-size:0.82rem;
    font-weight:500;
    line-height:1.3;
    text-decoration:none;
    white-space:nowrap;
    transition:
        all 0.25s ease;
}
/* dot */
.post-scroll-item::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--surface-primary-soft);
    flex-shrink:0;
}
/* hover */
.post-scroll-item:hover{
    color:var(--surface-text);
    background:rgba(255,255,255,0.05);
    transform:translateY(-1px);
}
/* tap effect */
.post-scroll-item:active{
    transform:scale(0.98);
}
/*======================================
ANIMATION
======================================*/

@keyframes post-scroll-marquee{

    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-60%);
    }
}

/*======================================
INSIGHTS
======================================*/
.yge-blog-card {
    background: rgba(255,255,255,0.03);
    border:1px solid var(--surface-border);
    border-radius: 16px;
    overflow: hidden;
    transition: 0.3s ease;
    height: 100%;
}
.yge-blog-card:hover {
    transform: translateY(-4px);
    border-color: var(--surface-text);
}
/* Thumbnail */
.yge-blog-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}
/* Content */
.yge-blog-content {
    padding: 15px;
}
.yge-blog-title {
    font-size: clamp(16px, 1.2vw, 18px);
    margin-bottom: 8px;
}
.yge-blog-title a {
    color:var(--surface-text);
    text-decoration: none;
}
.yge-blog-title a:hover {
    color:var(--surface-text);
}
.yge-blog-excerpt {
    font-size: 0.85rem;
   color:var(--surface-text);
    line-height: 1.65;
}


/* Float Enquiry popup Start */
/* ============== OVERLAY (KEEP YOUR SYSTEM) ============ */
#yge-enquiry-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2,6,23,0.72);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(3px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: 0.25s ease;
}
#yge-enquiry-popup.active {
    opacity: 1;
    visibility: visible;
}
/* ============== MODAL BOX (FIX ALIGNMENT ONLY) ======== */
.yge-popup-content {
    width: 380px;
    max-width: 92%;
    padding: 22px;
    border-radius: 18px;
    position: relative;
    /* GLASS UPGRADE (NOT STRUCTURE CHANGE) */
    background: rgba(15,23,42,0.82);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
    color: #fff;
    animation: popupFade 0.3s ease-in-out;
}
/* ============== CLOSE BUTTON FIX ====================== */
#yge-close {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 22px;
    cursor: pointer;
    color: rgba(255,255,255,0.85);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
}
#yge-close:hover {
    color: #fff;
    background: rgba(255,255,255,0.12);
}
/* ============== TITLE FIX ============================= */
.yge-popup-content h3 {
    margin-bottom: 16px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}
/* ============== FORM SPACING FIX ====================== */
#yge-enquiry-form {
    margin: 0;
}
#yge-enquiry-form input,
#yge-enquiry-form textarea {
    width: 100%;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06);
    color: #fff;
    outline: none;
    transition: 0.2s;
}
#yge-enquiry-form input::placeholder,
#yge-enquiry-form textarea::placeholder {
    color: rgba(255,255,255,0.6);
}
#yge-enquiry-form input:focus,
#yge-enquiry-form textarea:focus {
    border-color: rgba(99,102,241,0.6);
    background: rgba(255,255,255,0.08);
    box-shadow: 0 0 0 2px rgba(99,102,241,0.12);
}
/* ============== BUTTON FIX (THEME BASED) ============== */
#yge-enquiry-form button {
    width: 100%;
    padding: 11px;
    border: none;
    border-radius: 5px;
    background: var(--surface-btn-bg);
    color: var(--surface-btn-text);
    font-weight: 500;
    cursor: pointer;
    box-shadow: var(--surface-btn-bg-sd);
    transition: 0.25s ease;
}
#yge-enquiry-form button:hover {
    transform: translateY(-2px);
    box-shadow: var(--surface-btn-hover-sd);
}
/* ============== FLOAT BUTTON ========================== */
#yge-enquiry-btn {
    position: fixed;
    right: 20px;
    bottom: 3px;
    padding: 6px 10px;
    border-radius: 5px;
    background: var(--surface-btn-hover);
    color: var(--surface-btn-text);
    border: none;
    cursor: pointer;
    z-index: 9999;
    box-shadow: var(--surface-btn-bg-sd);
}
/* ============== ANIMATION ============================= */
@keyframes popupFade {
    from {
        transform: scale(0.95);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}
/* Float Enquiry Popup End */


/*======================================
FOOTER
======================================*/
.footer-bg{
    position:relative;
    overflow:hidden;
    background:var(--surface-bg);
    color:var(--surface-text);
    border-top:1px solid var(--surface-border);
    padding:2rem 0 1rem;
    backdrop-filter:blur(var(--glass-blur,16px));
    -webkit-backdrop-filter:blur(var(--glass-blur,16px));
}
/*======================================
TOP GLOW LINE
======================================*/
.footer-bg::before{
    content:"";
    position:absolute;
    top:0;
    left:10%;
    width:80%;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        var(--surface-primary-soft),
        var(--surface-accent-soft, rgba(239,68,68,0.15)),
        transparent
    );
}
/*======================================
FOOTER COLUMNS
======================================*/
.footer-column{
    margin-bottom:1.8rem;
}
/*======================================
HEADINGS
======================================*/
.footer-bg h5{
    position:relative;
    margin-bottom:1rem;
    font-size:0.82rem;
    font-weight:600;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:var(--surface-text);
}
.footer-bg h5::after{
    content:"";
    display:block;
    width:32px;
    height:2px;
    margin-top:0.45rem;
    border-radius:10px;
    background:var(--surface-primary-soft);
}
/*======================================
TEXT
======================================*/
.footer-bg p,
.footer-bg li,
.footer-bg span{
    margin:0;
    font-size:0.92rem;
    line-height:1.7;
    color:var(--surface-text-muted);
}
/*======================================
FOOTER NAV
======================================*/
.footer-nav{
    display:flex;
    flex-direction:column;
    gap:0.2rem;
}
.footer-nav .nav-link{
    display:inline-flex;
    align-items:center;
    width:fit-content;
    padding:0.3rem 0;
    font-size:0.92rem;
    font-weight:400;
    color:var(--surface-text-muted);
    text-decoration:none;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}
.footer-nav .nav-link:hover{
    color:var(--surface-text);
    transform:translateX(4px);
}
/*======================================
SOCIAL ICONS
======================================*/
.social-icons{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:0.6rem;
}

.social-icons a{
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid var(--surface-border);
    background:transparent;
    color:var(--surface-text-soft);
    font-size:0.95rem;
    transition:all 0.25s ease;
}
.social-icons a:hover{
    color:var(--surface-primary);
    border-color:var(--surface-primary-soft);
    background:rgba(255,255,255,0.03);
    transform:translateY(-2px);
}
/*======================================
LINKS
======================================*/
.footer-bg a{
    text-decoration:none;
}
.footer-bg a:hover{
    text-decoration:none;
}
/*======================================
DIVIDER
======================================*/
.footer-bg .border-top{
    border-top:1px solid var(--surface-border) !important;
}
/*======================================
BOTTOM FOOTER
======================================*/
.footer-bottom{
    margin-top:1rem;
    padding-top:1rem;
    text-align:center;
    font-size:0.82rem;
    color:var(--surface-text-soft);
}
.footer-bottom p{
    margin-bottom:0;
    line-height:1.6;
}

/*======================================
TABLET
======================================*/
@media (min-width:768px){
	body{
        font-size:17px;
    }
    p{
        line-height:1.85;
    }
	.post-scroll{
        padding:0.65rem 0;
    }
    .post-scroll-track{
        gap:0.8rem;
        animation-duration:34s;
    }
    .post-scroll-item{
        padding:0.55rem 1rem;
        font-size:0.86rem;
    }
	.page-section{
        padding:2rem 0 3rem;
    }
    .page-header{
        padding:2rem 0;
        margin-bottom:2rem;
    }
    .page-body{
        padding:2rem;
    }
    .content-header{
        padding:1.75rem 1.75rem 0;
    }
    .content-body{
        padding:2rem 1.75rem;
    }
    .content-pagination{
        padding:0 1.75rem 2rem;
    }
    .content-tags{
        padding:0 1.75rem 2rem;
    }
	.search-form{
        display:flex;
        gap:0.75rem;
        align-items:flex-start;
    }
    .search-form label{
        flex:1;
    }
    .search-form .search-submit{
        margin-top:0;
        min-width:130px;
    }
	.page-section{
        padding:2rem 0 3rem;
    }

    .archive-header{
        padding:1rem;
    }

    .archive-card{
        padding:1.5rem;
    }

    .widget-card{
        padding:1.5rem;
    }
    .seo-breadcrumb li{
        font-size:0.85rem;
    }
    .breadcrumb-wrap{
        padding:0.7rem 1rem;
    }
	.footer-bg{
        padding:2.5rem 0 1.2rem;
    }
    .footer-column{
        margin-bottom:2rem;
    }
    .footer-bg h5{
        font-size:0.84rem;
    }
    .footer-nav .nav-link{
        font-size:0.94rem;
    }
    .footer-bottom{
        text-align:left;
    }
}

/*======================================
DESKTOP
======================================*/

@media (min-width:992px){
	.navbar-nav{
        display:flex;
        align-items:center;
        width:auto;
    }
    .navbar-nav .nav-item{
        width:auto;
    }
    .navbar-nav .nav-link{
        width:auto;
        padding:0.75rem 1rem;
        border:none;
    }
    /* SEARCH INLINE */
    .navbar form.d-flex,
    .search-form{
        flex-direction:row;
        width:auto;
        margin-top:0;
        align-items:center;
    }
    /* DROPDOWN */
    .dropdown-menu{
        position:absolute !important;
        top:100%;
        left:0;
        width:240px;
        min-width:240px;
        background:var(--surface-bg);
        border:1px solid var(--surface-border);
        box-shadow:var(--shadow-sm);
        overflow:visible;
        display:none;
    }
    /* SHOW */
    .navbar-nav .dropdown:hover > .dropdown-menu{
        display:block;
    }
    .dropdown-submenu:hover > .dropdown-menu{
        display:block;
    }
    /* FULL BORDER MENU ITEMS */
    .dropdown-menu .dropdown-item{
        padding:0.75rem 1rem;
        background:var(--surface-bg-muted) !important;
        border:none !important;
        border-bottom:1px solid var(--surface-border) !important;
    }
    .dropdown-menu li:last-child > .dropdown-item{
        border-bottom:none !important;
    }
    /* LEVEL 2 RIGHT */
    .dropdown-submenu > .dropdown-menu{
        top:0;
        left:100%;
        padding-left:0;
    }
    /* LEVEL 3 BELOW */
    .dropdown-submenu > .dropdown-menu.submenu{
        top:100% !important;
        left:0 !important;
        margin-top:0 !important;
        padding-left:0;
    }
    /* PREVENT CLIPPING */
    .navbar,
    .navbar-collapse,
    .navbar-nav,
    .dropdown,
    .dropdown-menu{
        overflow:visible;
    }
	.post-scroll-track{
        animation-duration:40s;
    }
    .post-scroll-item{
        font-size:0.9rem;
    }
	.search .archive-card{
        padding:1.6rem;
    }
    .search .archive-title{
        font-size:1.5rem;
    }
	.page-section{
        padding:2.5rem 0 4rem;
    }
    .content-sidebar{
        position:sticky;
        top:100px;
    }
    .archive-title{
        font-size:1.45rem;
    }
    .archive-excerpt{
        font-size:1rem;
    }
    .page-section{
        padding:2.5rem 0 4rem;
    }
    .page-body{
        padding:2.5rem;
    }
    .page-body p{
        font-size:1.04rem;
    }
    .content-body p{
        font-size:1.04rem;
    }

    .content-sidebar{
        position:sticky;
        top:100px;
    }

    .seo-breadcrumb ol{
        flex-wrap:wrap;
    }
    .seo-breadcrumb li{
        font-size:0.88rem;
    }
	.footer-bg{
        padding:3rem 0 1.2rem;
    }
    .footer-column{
        margin-bottom:0;
    }
    .footer-bg h5{
        margin-bottom:1.1rem;
    }
    .footer-nav{
        gap:0.25rem;
    }
    .footer-nav .nav-link{
        font-size:0.95rem;
    }
    .social-icons{
        gap:0.75rem;
    }
    .social-icons a{
        width:38px;
        height:38px;
    }
}

/* =========================================================
   DESKTOP
   ========================================================= */
@media (min-width:1200px){
    body{
        font-size:18px;
    }
}


/*
====================================================
AI VISUAL DISCLAIMER
MOBILE FIRST
====================================================
*/

.apx-ai-disclaimer{

    margin-top:16px;
    padding:12px 14px;

    border-radius:12px;

    background:var(--surface-glass);
    border:0px solid var(--surface-border);

    color:var(--surface-muted);

    font-size:12px;
    line-height:1.7;
    letter-spacing:-0.01em;

    backdrop-filter:blur(10px);

    position:relative;
    overflow:hidden;
}

/*
====================================================
TOP GLOW LINE
====================================================
*/

.apx-ai-disclaimer::before{

    content:'';

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.28),
        transparent
    );
}

/*
====================================================
LINKS / STRONG
====================================================
*/

.apx-ai-disclaimer strong,
.apx-ai-disclaimer a{

    color:var(--surface-text);
    font-weight:600;
}

.apx-ai-disclaimer a{

    text-decoration:none;
}

.apx-ai-disclaimer a:hover{

    text-decoration:underline;
}

/*
====================================================
TABLET
====================================================
*/

@media (min-width:768px){

    .apx-ai-disclaimer{

        padding:14px 16px;

        font-size:13px;

        border-radius:14px;
    }

}

/*
====================================================
DESKTOP
====================================================
*/

@media (min-width:1200px){

    .apx-ai-disclaimer{

        padding:16px 18px;

        font-size:13.5px;

        line-height:1.75;
    }

}