/* =============================================
   White Theme — Makran
   Clean white background, black text
   ============================================= */

/* ---- Base ---- */
html {
    overflow-x: hidden;
    width: 100%;
}
body {
    background: #fff;
    color: #222;
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    text-align: center;
}

/* ---- Hero / Page Title Sections ---- */
.area-bg_grad-3.parallax,
.area-bg_grad-2.parallax,
.section-title-page {
    background-color: #f5f5f5 !important;
    background-image: linear-gradient(135deg, #f0f0f0 0%, #fff 100%) !important;
    overflow-x: hidden;
}

/* Kill ALL dark gradients from theme.css — replace with white */
[class*="area-bg_grad"],
.area-bg_grad-1,
.area-bg_grad-2,
.area-bg_grad-3,
.area-bg_grad-4 {
    background-color: #f5f5f5 !important;
    background-image: linear-gradient(135deg, #f0f0f0 0%, #fff 100%) !important;
}

/* Button gradients */
.btn-grad-1,
[class*="btn-grad"] {
    background: #f5f5f5 !important;
    background-image: none !important;
    color: #222 !important;
    border: 1px solid #ccc !important;
}
.btn-grad-1:hover,
[class*="btn-grad"]:hover {
    background: #e0e0e0 !important;
    color: #000 !important;
}

.b-title-page {
    color: #111;
}

.b-title-page__info {
    color: #555;
}

/* ---- Text colors ---- */
h1, h2, h3, h4, h5, h6,
.ui-title-page, .ui-title-block-3, .ui-title-block-4, .ui-title-inner,
.entry-title a, .widget-title {
    color: #111;
}

p, .entry-content {
    color: #333;
}

.text-primary {
    color: #222 !important;
}

/* ---- Links ---- */
a {
    color: #333;
}
a:hover {
    color: #000;
}
.entry-title a:hover,
.widget-list__link:hover,
.post-widget__title:hover {
    color: #222;
    text-decoration: underline;
}

/* ---- Header ---- */
.header {
    background: #fff !important;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 1px 10px rgba(0,0,0,0.05);
    z-index: 9990 !important;
}
/* Solid background when sticky/scrolled */
.header.is-sticky,
.header.header-sticky,
.navbar-fixed-top {
    background: #fff !important;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}

.navbar-nav > li > a,
.main-menu > li > a {
    color: #333 !important;
}
.navbar-nav > li > a:hover,
.main-menu > li > a:hover {
    color: #000 !important;
}

/* Navbar logo */
.navbar-brand img,
.navbar-brand .normal-logo,
.navbar-brand .scroll-logo,
.header .navbar-brand img {
    max-height: 180px !important;
    max-width: 500px !important;
    width: auto !important;
    height: auto !important;
}
/* Ensure no white background on logo container */
.navbar-brand {
    background: transparent !important;
    box-shadow: none !important;
}
.header .navbar-brand {
    background: transparent !important;
}
/* Prevent logo from disappearing on scroll */
.header.header-logo-white .normal-logo,
.header.navbar-scrolling .normal-logo,
.header .normal-logo {
    display: block !important;
}
.header .scroll-logo {
    display: none !important;
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 5px 20px rgba(0,0,0,0.08);
    z-index: 99999;
    position: absolute;
}
.dropdown-menu > li > a {
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover {
    background: #f5f5f5;
    color: #000;
}

/* Pure CSS hover dropdown — no JS needed, appears above everything */
@media (min-width: 768px) {
    .yamm .dropdown {
        position: relative !important;
    }
    .yamm .dropdown > .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        z-index: 99999;
        margin-top: 0;
        border-radius: 4px;
    }
    .yamm .dropdown:hover > .dropdown-menu {
        display: block;
    }
    /* Prevent header clipping */
    .header,
    .navbar,
    .header .container,
    .navbar .container,
    #nav,
    .header-navibox-2,
    .header-navibox-1 {
        overflow: visible !important;
    }
}

/* Scrollable dropdown for many categories */
.yamm .dropdown > .dropdown-menu {
    max-height: 320px;
    overflow-y: auto;
}

/* Scrollbar styling for dropdown */
.dropdown-menu::-webkit-scrollbar {
    width: 6px;
}
.dropdown-menu::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 3px;
}
.dropdown-menu::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Search modal */
.header-search {
    background: rgba(255, 255, 255, 0.97);
}
.search-global__input {
    background: #f5f5f5;
    border-color: #ddd;
    color: #222;
}
.search-global__note {
    color: #888;
}

/* Full screen menu */
.wrap-fixed-menu {
    background: rgba(255, 255, 255, 0.98);
}
.fullscreen-center-menu .nav a {
    color: #333 !important;
}
.fullscreen-center-menu .nav a:hover {
    color: #000 !important;
}

/* ---- Sections ---- */
.section-default {
    background: transparent;
}

.section-type-1 {
    background-color: #f5f5f5 !important;
}

.area-bg_grad-2.parallax {
    background-color: #f5f5f5 !important;
}

/* --- Fix ALL section-type text colors (was #ddd on dark bg, now on white) --- */
.section-type-1,
.section-type-3,
.section-type-7,
.section-type-8,
.section-type-10,
.section-type-12 {
    color: #222 !important;
}

.section-type-1 .ui-title-block-3,
.section-type-1 .btn,
.section-type-3 .ui-title-block,
.section-type-7 .btn,
.section-type-7 .ui-select .caret:after,
.section-type-8 .ui-title-block,
.section-type-8 .btn,
.section-type-10 .ui-title-block,
.section-type-12 .ui-title-block,
.section-type-12 p {
    color: #222 !important;
}

.section-type-1 .btn,
.section-type-7 .btn {
    border-color: #999 !important;
}

/* Fix section-type-7 form controls */
.section-type-7 .form-control,
.section-type-7 .ui-select {
    color: #333 !important;
    border-color: #ccc !important;
    background: #fff !important;
}
.section-type-7 .form-control::placeholder {
    color: #999 !important;
}

/* Fix main slider text */
.main-slider {
    color: #333 !important;
}
.main-slider__title {
    color: #111 !important;
}
.main-slider__info {
    color: #555 !important;
}
.main-slider__btn {
    color: #222 !important;
}

/* Fix contact-3 dark text */
.b-contact-3 {
    color: #333 !important;
}
.b-contact-3__title {
    color: #555 !important;
}
.b-contact-3__info-title {
    color: #333 !important;
}

/* Fix advantages-4 text (was white on dark) */
.b-advantages-4 {
    color: #333 !important;
}
.b-advantages-4 .b-advantages__title,
.b-advantages-4 .b-advantages__title a {
    color: #111 !important;
}
.b-advantages-4 .b-advantages__title a:hover {
    color: #000 !important;
    text-shadow: none !important;
}

/* Fix blockquotes that were designed for dark */
.b-blockquote-1_dark {
    color: #333 !important;
}
.b-blockquote-1_dark .b-blockquote-1__author {
    color: #222 !important;
}
.b-blockquote-4 {
    color: #333 !important;
}
.b-blockquote-4__author {
    color: #222 !important;
}
.b-blockquote-post {
    color: #555 !important;
}

/* Fix isotope wrap info overlay text */
.b-isotope-grid__wrap-info {
    color: #222 !important;
}
.b-isotope-grid__categorie {
    color: #666 !important;
}

/* Fix dropcap and colored elements */
.dropcap_primary:first-letter {
    color: #111 !important;
}
.dropcap_grad:first-letter {
    color: #111 !important;
}

/* Fix color-light utility */
.color-light {
    color: #333 !important;
}

/* Fix text-bg utility */
.text-bg {
    color: #111 !important;
}

/* Fix button after pseudo element gradients */
.btn:after {
    background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.08), rgba(0,0,0,0)) no-repeat -2em 0 !important;
    background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.08), rgba(0,0,0,0)) no-repeat -2em 0 !important;
}

/* Fix table-type-1 header */
.table-type-1 > thead > tr > th {
    background-color: #f5f5f5 !important;
    border-bottom-color: #999 !important;
}

/* Fix accordion panel-passive */
.accordion .panel-title.panel-passive {
    color: #333 !important;
    border-left-color: #ccc !important;
}

/* Fix accordion-1 btn-collapse arrow */
.accordion-1 .btn-collapse .icon:before {
    border-bottom-color: #666 !important;
    border-left-color: #666 !important;
}
.accordion-1 .btn-collapse.collapsed .icon:before {
    border-bottom-color: #999 !important;
    border-left-color: #999 !important;
}

/* Fix accordion-1 panel body */
.accordion-1 .panel-body {
    background-color: #fafafa !important;
}

/* Fix accordion-2 collapsed */
.accordion-2 .btn-collapse.collapsed .icon:before {
    color: #666 !important;
}

/* Fix alert text colors */
.alert-text {
    color: #444 !important;
}

/* Fix alert backgrounds */
.alert-default {
    background-color: #fafafa !important;
    color: #333 !important;
}

/* Fix link-tooltip */
.link-tooltip-1 {
    color: #333 !important;
}
.link-tooltip-2 {
    color: #222 !important;
}

/* Fix progress-round number */
.progress-round__number {
    color: #222 !important;
    background-color: #fff !important;
}
.progress-round__title {
    color: #222 !important;
}

/* Fix b-advantages icon gradient text */
.b-advantages-1 .b-advantages__icon {
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}

/* Fix b-advantages-2 */
.b-advantages-2 .b-advantages__icon {
    color: #555 !important;
    background-color: #f5f5f5 !important;
}

/* Fix b-advantages-3 */
.b-advantages-3 .b-advantages__icon {
    color: #555 !important;
}
.b-advantages-3_mod-a .b-advantages__icon {
    color: #333 !important;
    background-color: #f5f5f5 !important;
}
.b-advantages-3_mod-a:hover .b-advantages__icon {
    color: #111 !important;
}

/* Fix b-about */
.b-about__footer {
    color: #555 !important;
}

/* Fix blockquote cite */
.b-blockquote-1__author,
.b-blockquote-2__author,
.b-blockquote-3__author {
    color: #222 !important;
}

/* Fix pager title gradient */
.pager__title:before {
    color: #666 !important;
    -webkit-text-fill-color: #666 !important;
}

/* Fix list-mark icon colors */
.list-mark-4 li:before,
.list-mark-5 li:before,
.list-num li:before {
    color: #222 !important;
}

/* Fix progress-1 bar */
.progress-1 .progress-bar {
    background-color: #666 !important;
}

/* Fix owl-theme mod controls */
.owl-theme_mod-a .owl-controls .owl-buttons div {
    color: #555 !important;
    border-color: #ddd !important;
}
.owl-theme_mod-a .owl-controls .owl-buttons div:hover {
    background-color: #f5f5f5 !important;
}

/* Fix b-isotope-filter links */
.b-isotope-1_mod-a .b-isotope-filter > li > a {
    color: #555 !important;
    background-color: #f0f0f0 !important;
}

/* Fix effect-border */
.effect-border {
    box-shadow: inset 0 0 0 5px #f0f0f0 !important;
}

/* ---- Blog Posts ---- */
.b-post, .b-post-1 {
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.b-post-full {
    background: transparent;
    border: none;
}

.entry-media {
    background: #f5f5f5;
}

/* Entry date — pill badge */
.entry-date {
    display: inline-block !important;
    position: static !important;
    background: #f0f0f0 !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 4px 14px !important;
    width: auto !important;
    height: auto !important;
    line-height: 1.5 !important;
    text-align: center !important;
    border-radius: 50px !important;
    letter-spacing: 0.3px !important;
}
.entry-date__month {
    display: inline !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

.entry-meta__item {
    color: #666;
}
.entry-meta__link {
    color: #222;
}

/* Keep code, pre, and tables left-aligned for readability */
pre, code, kbd, table, .entry-content, .b-post-full .entry-content {
    text-align: left;
}

/* Navbar items — accommodate extra category links */
@media (min-width: 992px) {
    .header-navibox-2 .nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 12px;
    }
}

/* ---- Sidebar ---- */
.widget, .section-sidebar {
    background: transparent;
}

.widget-list__link {
    color: #444;
}

.post-widget__meta {
    color: #888;
}

/* ---- Pagination ---- */
.pagination > li > a,
.pagination > li > span,
.pagination-2 > li > a,
.pagination-2 > li > span {
    background: #fff;
    border-color: #ddd;
    color: #444;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination-2 > li > a:hover {
    background: #f0f0f0;
    color: #000;
}
.pagination > .active > a,
.pagination-2 > .active > a,
.pagination > .active > span,
.pagination-2 > .active > span {
    background: #e0e0e0;
    border-color: #bbb;
    color: #000;
}

/* ---- Breadcrumbs ---- */
.breadcrumb {
    background: transparent;
}
.breadcrumb > li > a {
    color: #666;
}
.breadcrumb > .active {
    color: #333;
}

/* ---- Forms ---- */
.form-control {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}
.form-control:focus {
    background: #fafafa;
    border-color: #999;
    color: #000;
    box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
}
.form-control::placeholder {
    color: #999;
}

textarea.form-control {
    background: #fff;
    color: #333;
}

/* ---- Buttons ---- */
.btn-default {
    background: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-default:hover {
    background: #f0f0f0;
    border-color: #999;
    color: #000;
}

.btn-round {
    border-radius: 30px;
}

.btn-grad-1 {
    background: #f0f0f0;
    color: #222;
    border: 1px solid #ccc;
}
.btn-grad-1:hover {
    background: #e0e0e0;
    color: #000;
}

/* ---- Footer ---- */
.footer {
    background: #fafafa;
    border-top: 1px solid #e0e0e0;
}

/* ---- Footer Social Media Section ---- */
.footer-social-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 50%, #1a1a1a 100%);
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}
.footer-social-section::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 50%, rgba(90,158,95,0.08) 0%, transparent 60%),
                radial-gradient(circle at 70% 50%, rgba(90,158,95,0.05) 0%, transparent 50%);
    animation: socialBgPulse 6s ease-in-out infinite;
}
@keyframes socialBgPulse {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.05); }
}
.footer-social-section__title {
    text-align: center;
    color: #fff !important;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.footer-social-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    position: relative;
    z-index: 1;
}
.footer-social-card {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50px;
    padding: 12px 24px;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(4px);
}
.footer-social-card::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
    transition: left 0.6s ease;
}
.footer-social-card:hover::before {
    left: 100%;
}
.footer-social-card:hover {
    transform: translateY(-4px);
    border-color: rgba(255,255,255,0.3);
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}
.footer-social-card[data-platform="facebook"]:hover { background: #1877f2; border-color: #1877f2; }
.footer-social-card[data-platform="twitter"]:hover { background: #1da1f2; border-color: #1da1f2; }
.footer-social-card[data-platform="instagram"]:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); border-color: #e6683c; }
.footer-social-card[data-platform="linkedin"]:hover { background: #0a66c2; border-color: #0a66c2; }
.footer-social-card[data-platform="youtube"]:hover { background: #ff0000; border-color: #ff0000; }
.footer-social-card[data-platform="pinterest"]:hover { background: #e60023; border-color: #e60023; }
.footer-social-card[data-platform="behance"]:hover { background: #1769ff; border-color: #1769ff; }
.footer-social-card[data-platform="dribbble"]:hover { background: #ea4c89; border-color: #ea4c89; }
.footer-social-card[data-platform="whatsapp"]:hover { background: #25d366; border-color: #25d366; }
.footer-social-card[data-platform="telegram"]:hover { background: #0088cc; border-color: #0088cc; }
.footer-social-card[data-platform="tiktok"]:hover { background: #000; border-color: #ff0050; }
.footer-social-card[data-platform="github"]:hover { background: #333; border-color: #333; }
.footer-social-card__icon {
    font-size: 22px;
    color: #fff !important;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    display: flex;
    align-items: center;
}
/* Always show brand colors on icons */
.footer-social-card[data-platform="instagram"] .footer-social-card__icon { color: #e4405f !important; }
.footer-social-card[data-platform="whatsapp"] .footer-social-card__icon { color: #25d366 !important; }
.footer-social-card[data-platform="facebook"] .footer-social-card__icon { color: #1877f2 !important; }
.footer-social-card[data-platform="twitter"] .footer-social-card__icon { color: #1da1f2 !important; }
.footer-social-card[data-platform="linkedin"] .footer-social-card__icon { color: #0a66c2 !important; }
.footer-social-card[data-platform="youtube"] .footer-social-card__icon { color: #ff0000 !important; }
.footer-social-card[data-platform="pinterest"] .footer-social-card__icon { color: #e60023 !important; }
.footer-social-card[data-platform="behance"] .footer-social-card__icon { color: #1769ff !important; }
.footer-social-card[data-platform="dribbble"] .footer-social-card__icon { color: #ea4c89 !important; }
.footer-social-card[data-platform="telegram"] .footer-social-card__icon { color: #0088cc !important; }
.footer-social-card[data-platform="tiktok"] .footer-social-card__icon { color: #ff0050 !important; }
.footer-social-card[data-platform="github"] .footer-social-card__icon { color: #ccc !important; }
.footer-social-card:hover .footer-social-card__icon {
    transform: scale(1.3) rotate(8deg);
}
.footer-social-card__label {
    color: #ccc !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}
.footer-social-card:hover .footer-social-card__label {
    color: #fff !important;
}

.footer-social-nets {
    border-bottom: 1px solid #e0e0e0;
}
.footer-social-nets__link {
    color: #888;
}
.footer-social-nets__link:hover {
    color: #000;
}

.footer__main {
    background: #fafafa;
}

.footer-section__title {
    color: #111;
}

.footer-list__link {
    color: #555;
}
.footer-list__link:hover {
    color: #000;
}

.footer-section p {
    color: #666;
}

.copyright {
    background: #f5f5f5;
    color: #888;
    border-top: 1px solid #e0e0e0;
}
.copyright__link {
    color: #666;
}

/* ---- Mobile menu / off-canvas panel ---- */
[data-off-canvas] {
    background: #fff !important;
    color: #333 !important;
}
[data-off-canvas="mobile-slidebar"] {
    background: #fff !important;
}
[data-off-canvas="mobile-slidebar"] .nav > li > a {
    color: #333 !important;
    border-bottom: 1px solid #e0e0e0;
}
[data-off-canvas="mobile-slidebar"] .dropdown-menu {
    background: #fafafa !important;
}
[data-off-canvas="mobile-slidebar"] .dropdown-menu > li > a {
    color: #555 !important;
}
[data-off-canvas="mobile-slidebar"] * {
    color: #333;
}

/* Hamburger menu icon — dark on light header */
.header .toggle-menu-button .toggle-menu-button-icon span,
.header.header-color-white .toggle-menu-button .toggle-menu-button-icon span {
    background: #333 !important;
}

/* ---- Portfolio / Catalogue ---- */
.b-isotope-filter a {
    color: #444;
    background: #fff;
    border: 1px solid #ddd;
}
.b-isotope-filter a.current,
.b-isotope-filter a:hover {
    background: #f0f0f0;
    color: #000;
}

.b-isotope-grid__inner {
    background: #f5f5f5;
}

/* ---- Spinner / Preloader ---- */
#page-preloader {
    background: #fff;
}

/* ---- Map ---- */
.map {
    filter: grayscale(0.3) brightness(1.05);
}

/* ---- Scrollbar ---- */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f5f5f5;
}
::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 4px;
}

/* ---- Comments ---- */
.comment-inner {
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #333;
}
.comment-author {
    color: #111;
}
.comment-datetime {
    color: #888;
}

/* ---- Blockquote ---- */
blockquote, .b-blockquote {
    background: #fafafa;
    border-left: 4px solid #ccc;
    color: #444;
}

/* ---- Decorative elements ---- */
.ui-decor-2 {
    background: #999;
}
.ui-decor-3 {
    background: #ddd;
}

/* ---- Catalogue cards hover ---- */
.catalogue-card:hover {
    transform: translateY(-4px);
    border-color: #aaa !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

/* ---- Alert ---- */
.alert-success {
    background: #e8f5e9;
    border-color: #a5d6a7;
    color: #2e7d32;
}
.alert-danger {
    background: #ffebee;
    border-color: #ef9a9a;
    color: #c62828;
}

/* ---- Tags ---- */
.list-tags__link {
    background: #fff;
    border-color: #ddd;
    color: #444;
}
.list-tags__link:hover {
    background: #f0f0f0;
    color: #000;
}

/* ---- About Author ---- */
.about-author {
    background: #fafafa;
    border: 1px solid #e0e0e0;
}
.about-author__title {
    color: #111;
}
.about-author__category {
    color: #666;
}

/* ---- Select styling fix ---- */
select.form-control {
    background: #fff;
    color: #333;
}

/* ---- Misc ---- */
.starSeparatorBox {
    color: #ccc;
}

hr {
    border-color: #e0e0e0;
}

.ui-subtitle-block-2 {
    color: #666;
}

/* ---- Loader ---- */
.spinner {
    border-color: #ddd !important;
}
.spinner.border-t_prim_a::after {
    border-top-color: #222 !important;
}

/* ---- Force all dark backgrounds to light ---- */
.l-theme,
.section-default,
.section-default [class*="bg-"],
.container,
.row,
[class*="section"] {
    background-color: transparent;
}

/* Override all dark/colored elements from theme.css */
div[style*="background"],
section[style*="background"],
.b-post,
.b-post-1,
.b-post-full,
.posts-group,
.b-isotope,
.b-isotope-grid__wrap-info,
.b-pricing,
.b-advantages,
.panel,
.panel-default,
.panel-body,
.well,
.thumbnail,
.list-group-item,
.jumbotron,
.navbar-default,
.nav-tabs > li > a,
.nav-pills > li > a,
.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a,
.breadcrumb,
.progress,
.progress-bar,
.modal-content,
.popover,
.tooltip-inner,
.alert,
.alert-info,
.alert-warning,
.label-default,
.badge,
.input-group-addon,
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover,
.pager li > a,
.pager li > span,
pre,
code,
kbd,
.demopage-preview_item,
.demopage-content,
.section-comment,
.section-reply-form,
.form-reply,
.b-form-contacts,
.l-main-content,
.l-sidebar,
.l-sidebar_right,
.b-contact,
.b-contact-desc {
    background-color: #fff !important;
}

/* Any element with dark/black background forced to white */
[style*="background:#0a0a0a"],
[style*="background: #0a0a0a"],
[style*="background: black"],
[style*="background-color:#0a0a0a"],
[style*="background-color: #0a0a0a"],
[style*="background-color: black"],
[style*="background:#000"],
[style*="background: #000"] {
    background-color: #fff !important;
}

/* Section backgrounds */
.section-default,
.section-type-1,
.section-type-2 {
    background-color: #fff;
}

/* Any remaining dark text */
.l-theme,
.l-theme p,
.l-theme span,
.l-theme div,
.b-contact-desc__info,
.b-title-page__info,
.entry-content p,
.entry-content,
.entry-meta__item,
.post-widget__meta-item,
.widget-content,
.footer-section p,
.copyright,
.ui-subtitle-block-2 {
    color: #333;
}

/* Remove any dark background from inner elements */
.area-bg__inner,
.area-bg__inner * {
    background-color: transparent !important;
}
.area-bg__inner h1,
.area-bg__inner h2,
.area-bg__inner h3 {
    color: #111 !important;
}

/* Force all inputs/selects light */
input, textarea, select,
input.form-control, textarea.form-control, select.form-control,
.ui-form-1 input, .ui-form-3 input,
.ui-form-1 textarea, .ui-form-3 textarea {
    background-color: #fff !important;
    color: #333 !important;
    border-color: #ddd !important;
}
input:focus, textarea:focus, select:focus {
    background-color: #fafafa !important;
    color: #000 !important;
    border-color: #999 !important;
}
input::placeholder, textarea::placeholder {
    color: #aaa !important;
}

/* Labels and muted text */
label, .control-label {
    color: #444;
}
.text-muted {
    color: #888 !important;
}

/* Tables */
.table,
.table > thead > tr > th,
.table > tbody > tr > td {
    background-color: transparent !important;
    border-color: #e0e0e0 !important;
    color: #333;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafafa !important;
}
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5 !important;
}

/* Panels */
.panel,
.panel-default {
    border-color: #e0e0e0 !important;
}
.panel-heading {
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
    color: #222;
}
.panel-body {
    background-color: #fff !important;
    color: #333;
}
.panel-footer {
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
}

/* Lists */
.list-group-item {
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
    color: #333;
}
.list-group-item:hover,
.list-group-item:focus {
    background-color: #f0f0f0 !important;
}

/* Nav tabs */
.nav-tabs {
    border-color: #e0e0e0 !important;
}
.nav-tabs > li > a {
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
    color: #666 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #fff !important;
    border-color: #e0e0e0 #e0e0e0 transparent !important;
    color: #000 !important;
}
.nav-tabs > li > a:hover {
    background-color: #fff !important;
    color: #000 !important;
}

/* Modals */
.modal-content {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #333;
}
.modal-header {
    border-color: #e0e0e0 !important;
}
.modal-footer {
    border-color: #e0e0e0 !important;
}
.close {
    color: #666 !important;
    opacity: .7;
}
.close:hover {
    color: #000 !important;
    opacity: 1;
}

/* Wells and thumbnails */
.well,
.thumbnail {
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
    color: #333;
}

/* Progress bars */
.progress {
    background-color: #e0e0e0 !important;
}
.progress-bar {
    background-color: #222 !important;
}

/* Code blocks */
pre, code, kbd {
    background-color: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
    color: #333;
}

/* Jumbotron */
.jumbotron {
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
}

/* Popovers and tooltips */
.popover {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #333;
}
.popover-title {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color: #222;
}
.popover-content {
    color: #333;
}
.tooltip-inner {
    background-color: #222 !important;
    color: #fff;
}

/* Alerts */
.alert {
    border-color: #ddd !important;
}
.alert-info {
    background-color: #e3f2fd !important;
    color: #1565c0 !important;
}
.alert-warning {
    background-color: #fff8e1 !important;
    color: #e65100 !important;
}

/* Badges and labels */
.badge {
    background-color: #222 !important;
    color: #fff;
}
.label-default {
    background-color: #ddd !important;
    color: #444;
}

/* Input group addons */
.input-group-addon {
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
    color: #444;
}

/* Pager */
.pager li > a,
.pager li > span {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #444;
}
.pager li > a:hover {
    background-color: #f0f0f0 !important;
    color: #000;
}

/* Isotope/Portfolio */
.b-isotope-grid__wrap-info {
    background-color: rgba(255,255,255,0.9) !important;
}
.b-isotope-grid__title {
    color: #111 !important;
}
.b-isotope-grid__categorie {
    color: #666 !important;
}

/* Pricing tables */
.b-pricing {
    background-color: #fff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}
.b-pricing-price__number,
.b-pricing-price__title {
    color: #111 !important;
}

/* Advantages */
.b-advantages__icon {
    background-color: #f0f0f0 !important;
}

/* Contact items */
.b-contact-desc__name {
    color: #222 !important;
}
.b-contact-desc__info {
    color: #333;
}

/* Map widget */
#map {
    background-color: #f5f5f5 !important;
}

/* Filter bar */
.b-isotope-filter {
    background: transparent !important;
}
.b-isotope-filter a {
    color: #666 !important;
    background: #fff !important;
    border-color: #ddd !important;
}
.b-isotope-filter a.current,
.b-isotope-filter a:hover {
    background: #f0f0f0 !important;
    color: #000 !important;
}

/* ---- Color overrides for the accent ---- */
.text-primary,
a.text-primary:hover,
.pager li > a:hover .icon,
.pagination_primary > li > a:hover .icon {
    color: #222 !important;
}
.bg-primary,
.btn-primary,
.dropcap_primary:first-letter,
.pagination_primary > .active > a,
.pagination_primary > .active > span,
.pager li > a:hover,
.pagination-2 > li > a:hover,
.pagination-2 > li > span:hover {
    background-color: #e0e0e0 !important;
}

/* Force bottom of page/section backgrounds */
footer,
.footer,
.footer__main,
.copyright {
    background-color: #fafafa !important;
}

/* Any remaining dark backgrounds */
[class*="bg-dark"],
[class*="bg_black"] {
    background-color: #fff !important;
}

/* Section separators and dividers */
hr,
.divider,
.separator {
    border-color: #e0e0e0 !important;
}

/* Select dropdown options */
select option {
    background-color: #fff;
    color: #333;
}

/* Fix gradient overlays */
.area-bg::before,
.area-bg::after,
.parallax::before,
.parallax::after {
    background: rgba(255,255,255,0.5) !important;
}

/* Demopage specific */
.demopage-content {
    background-color: #fff;
    color: #333;
}
.demopage-title {
    color: #111;
}
.demopage-preview_item {
    background-color: #fafafa !important;
}

/* ---- Prevent horizontal overflow ---- */
.l-theme,
.container,
.row,
.section-default,
.section-type-1,
.area-bg__inner {
    overflow-x: hidden;
}
.hero-canvas {
    max-width: 100vw;
}
.testimonial-wrapper {
    overflow: hidden;
    max-width: 100%;
}
.testimonial-track {
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}
pre, code, table {
    max-width: 100%;
    word-wrap: break-word;
}
iframe, video, embed, object {
    max-width: 100%;
}

/* ---- Fix zoom / touch on mobile ---- */
@media (max-width:767px) {
    .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ---- Plugin overrides ---- */

/* Header plugin */
.header {
    background: #fff !important;
}
.header .navbar-nav > li > a {
    color: #333 !important;
}
.header .navbar-nav > li > a:hover {
    color: #000 !important;
}
.header .navbar-brand .logo-light {
    display: none !important;
}
.header .navbar-brand .logo-dark {
    display: block !important;
}

/* Switcher plugin */
.switcher,
.switcher-box,
[class*="switcher"] {
    background: #fff !important;
    color: #333 !important;
    border-color: #ddd !important;
}

/* Magnific popup */
.mfp-bg {
    background: rgba(255,255,255,0.9) !important;
}
.mfp-container,
.mfp-content {
    color: #222 !important;
}
.mfp-close {
    color: #333 !important;
}

/* Revealer */
.revealer,
.revealer-overlay {
    background: #fff !important;
}

/* Fix owl-carousel dark backgrounds */
.owl-theme .owl-controls .owl-page span {
    background-color: #ccc !important;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background-color: #555 !important;
}

/* Fix any bg-dark-custom class */
.bg-dark-custom {
    background-color: #f5f5f5 !important;
}

/* Fix bg-grey */
.bg-grey {
    background-color: #f5f5f5 !important;
}

/* Fix btn-type-1 and btn-type-2 */
.btn-type-1 {
    color: #222 !important;
    border-color: #ccc !important;
    background-color: #fff !important;
}
.btn-type-1:hover {
    color: #000 !important;
}
.btn-type-2 {
    background-color: #222 !important;
    color: #fff !important;
}
.btn-type-2:hover {
    background-color: #000 !important;
}

/* Fix btn .icon */
.btn .icon {
    background-color: #666 !important;
}

/* Fix progress-round dark backgrounds */
.progress-round_mod-a,
.progress-round_mod-b,
.progress-round_mod-c,
.progress-round_mod-d {
    background-color: #e0e0e0 !important;
}

/* Fix b-advantages-2_mod-a icon background */
.b-advantages-2_mod-a .b-advantages__icon {
    background-color: #fff !important;
}

/* Fix b-advantages-2 inner background */
.b-advantages-2_mod-a .b-advantages__inner {
    box-shadow: inset 0 0 0 5px #f0f0f0 !important;
}

/* Fix progress-grad bars */
.progress-grad-1 .progress-bar,
.progress-grad-2 .progress-bar {
    background-image: none !important;
    background-color: #555 !important;
}
.progress-w-number .progress-bar {
    background-image: none !important;
    background-color: #555 !important;
}

/* Fix pagination-1 gradient buttons */
.pagination-1 > li > a:hover,
.pagination-1 > li > span:hover,
.pagination-1 > li > a:focus,
.pagination-1 > li > span:focus,
.pagination-1 > .active > a,
.pagination-1 > .active > span,
.pagination-1 > .active > a:hover,
.pagination-1 > .active > span:hover {
    background-color: #e0e0e0 !important;
    background-image: none !important;
}

/* Fix blockquote-2 and blockquote-3 backgrounds */
.b-blockquote-2__inner {
    border-color: #e0e0e0 !important;
}
.b-blockquote-3__content {
    border-color: #e0e0e0 !important;
}
.b-blockquote-2:after,
.b-blockquote-3__content:after {
    border-top-color: #e0e0e0 !important;
    border-left-color: #e0e0e0 !important;
    background-color: #fff !important;
}

/* Fix b-contact border */
.b-contact_mod-a .b-contact-desc__item {
    border-bottom-color: #e0e0e0 !important;
}

/* Fix b-isotope filter borders */
.b-isotope-1 .b-isotope-filter {
    border-bottom-color: #e0e0e0 !important;
}
.b-isotope-2 .b-isotope-filter > li > a {
    border-color: #e0e0e0 !important;
}

/* Fix section-border */
.section-border {
    border-bottom-color: #e0e0e0 !important;
}

/* Fix blockquote-post gradient icon */
.b-blockquote-post:before {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important;
}

/* Fix table-type-2 borders */
.table-type-2 > thead:first-child > tr:first-child > th {
    border-color: #e0e0e0 !important;
}
.table-type-2 > tbody > tr > td {
    border-color: #e0e0e0 !important;
}

/* Fix select caret and form border colors */
.ui-select {
    border-color: #e0e0e0 !important;
}

/* Fix owl-theme border */
.owl-theme_mod-a .owl-controls .owl-buttons div {
    border-color: #e0e0e0 !important;
}

/* ---- Center grid items when fewer than full row ---- */
.stagger-children,
#servicesRow,
#whyRow,
#blogRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    width: 100%;
}
/* Services section — force center text alignment */
#servicesRow .card-lift,
#servicesRow .card-lift h4,
#servicesRow .card-lift p,
#servicesRow [class*="col-"] .card-lift * {
    text-align: center !important;
}
.stagger-children > [class*="col-"],
#servicesRow > [class*="col-"],
#whyRow > [class*="col-"],
#blogRow > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

/* ---- CTA Cards ---- */
.cta-card:hover {
    transform: translateY(-4px);
    border-color: #5a9e5f !important;
    box-shadow: 0 8px 30px rgba(90,158,95,0.1);
}
.cta-card .cta-toggle-btn:hover {
    filter: brightness(1.15);
}
.cta-form .form-control {
    background: #222;
    border: 1px solid #444;
    color: #fff;
}
.cta-form .form-control:focus {
    border-color: #5a9e5f;
    box-shadow: none;
}

/* ---- Center all section content ---- */
.section-default,
.section-type-1 {
    text-align: center;
}

/* ---- Footer logo ---- */
.footer__logo img,
.footer img.normal-logo,
footer .navbar-brand img {
    max-height: 100px;
    width: auto;
}

/* ---- Fullscreen toggle visible on mobile & all screens ---- */
@media (max-width: 1000px) {
    .header-navibox-3 {
        display: block !important;
        float: right !important;
        position: relative !important;
        z-index: 100 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .header-navibox-3 ul,
    .header-navibox-3 .nav {
        display: block !important;
    }
    .header-navibox-3 .toggle-menu-button {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        top: 18px !important;
        right: 10px !important;
        z-index: 9999 !important;
        cursor: pointer !important;
    }
    .header-navibox-3 .toggle-menu-button-icon {
        display: inline-block !important;
        width: 26px !important;
        height: 20px !important;
    }
    .header-navibox-3 .toggle-menu-button-icon span {
        background: #333 !important;
        display: block !important;
        width: 26px !important;
        height: 3px !important;
        position: absolute !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .header-navibox-3 .toggle-menu-button-icon span:nth-child(1) { top: 0; }
    .header-navibox-3 .toggle-menu-button-icon span:nth-child(2),
    .header-navibox-3 .toggle-menu-button-icon span:nth-child(3) { top: 8px; }
    .header-navibox-3 .toggle-menu-button-icon span:nth-child(4),
    .header-navibox-3 .toggle-menu-button-icon span:nth-child(5) { top: 16px; }
    .header-navibox-3 .toggle-menu-button-icon span:nth-child(6) { top: 24px; display: none !important; }
}

/* ---- WhatsApp float icon ---- */
.whatsapp-float a {
    transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}
.whatsapp-float a:hover {
    transform: scale(1.15) !important;
}

/* Fix table-type-1 bottom border */
.table-type-1 {
    border-bottom-color: #e0e0e0 !important;
}