/* ===============================
   BASE RESET (SAFE)
================================ */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	background: #fff repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
}

/* ===============================
   GLOBAL VARIABLES
================================ */
:root {
    --e-global-color-primary: #242424;
    --e-global-color-secondary: #764979;
    --e-global-color-text: #6b6b6b;
    --e-global-color-accent: #413625;
    --e-global-color-white: #ffffff;
    --e-global-color-soft-orange: #e1ccad;
    --e-global-color-desaturated-magenta: #543458;
    --e-global-color-very-dark-desaturated-magenta: #5c3960;
    --e-global-color-mostly-desaturated-magenta: #8a648d;
    --e-global-color-pale-blue: #f4f7ff;
}

a {
	outline: none;
	color: #dddddd;
	text-decoration: none;
}

/**************************************************
  SINGLE POST CORE STYLES (UNCHANGED)
**************************************************/
.single-post01 .post-image img,
.single-post01 .post-navigation,
.single-post01 .comment-list img,
.sidebar .widget,
#loader-wrapper,
.post-image img,
.sidebar .post-thumbnail-entry,
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
	width: 100%;
}

.single-post01 .post-image img {
	height: auto;
}

.single-post01 .post-item-description {
	font-size: 16px;
	padding: 22px 0;
	line-height: 28px;
}

/* ===== (ALL YOUR CONTENT STYLES KEPT AS-IS) ===== */
/* ? Nothing removed here — layout safe */

/**************************************************
   PRELOADER (UNCHANGED)
**************************************************/
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999999;
}

/**************************************************
   BREADCRUMB & BLOG
**************************************************/
.breadcrumb {
	font-size: 10px;
	padding: 10px 0;
	background: transparent;
}

/**************************************************
   RESPONSIVE BREAKPOINTS (UNCHANGED)
**************************************************/
@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}

/* =====================================================
   ?? FINAL NAVBAR HAMBURGER FIX (PERMANENT)
===================================================== */

/* Remove Bootstrap icon completely */
.navbar-toggler {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.navbar-toggler-icon {
    display: none !important;
    background-image: none !important;
}

/* Remove pseudo elements */
.navbar-toggler::before,
.navbar-toggler::after {
    content: none !important;
    display: none !important;
}

/* Custom hamburger bars */
.custom-toggler span {
    display: block;
    width: 28px;
    height: 3px;
    background-color: #000;
    margin: 6px 0;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Stop hamburger ? cross animation */
.navbar-toggler[aria-expanded="true"] span {
    transform: none !important;
    opacity: 1 !important;
}

/* Force disable theme animation logic */
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(2),
.navbar-toggler span:nth-child(3) {
    transform: none !important;
    opacity: 1 !important;
}