/* Final presentation layer for Simple. Kept separate from legacy WHMCS compatibility styles. */
:root {
    --sp-navy: #11192d;
    --sp-navy-2: #18223a;
    --sp-accent: #67d4ff;
    --sp-accent-hover: #8ee2ff;
    --sp-ink: #17201e;
    --sp-copy: #66736e;
    --sp-line: #e0e5df;
    --sp-soft: #f5f7f4;
    --sp-white: #fff;
    --sp-radius: 12px;
    --sp-shadow: 0 20px 55px rgba(15, 25, 23, .09);
}

/* Navigation reset: removes the legacy floating frame and its protruding line. */
body.simple-shell { overflow-x: hidden; padding-top: 76px !important; }
.simple-nav-header.tt-header,
.simple-shell .tt-header,
.simple-shell .tt-header.affix {
    background: rgba(17, 25, 45, .98) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
    box-shadow: none !important;
    height: 76px !important;
    left: 0;
    padding: 0 !important;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 100% !important;
    z-index: 1050 !important;
}
.simple-nav-shell.navbar { height: 76px !important; min-height: 76px !important; padding: 0 !important; width: 100%; }
.simple-nav-frame {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 76px !important;
    padding: 0 15px !important;
}
.simple-nav-frame:before,.simple-nav-frame:after,.simple-nav-header:before,.simple-nav-header:after { content: none !important; display: none !important; }
.simple-nav-frame .simple-brand-logo { max-height: 40px; transform: none !important; }
.simple-nav-frame .simple-brand-mark { border: 0 !important; border-radius: 6px !important; height: 38px; width: 38px; }
.simple-nav-frame #nav { gap: 8px !important; }
.simple-nav-frame #nav > li > a {
    border: 0 !important;
    border-radius: 6px !important;
    color: #d9deea !important;
    font-size: .88rem !important;
    font-weight: 600 !important;
    height: 42px !important;
    padding: 0 .7rem !important;
}
.simple-nav-frame #nav > li > a:hover,.simple-nav-frame #nav > li.active > a { background: rgba(255,255,255,.055) !important; color: #fff !important; }
.simple-nav-frame .tt-secondary-list { gap: 8px !important; }
.simple-nav-frame .tt-secondary-list > li[menuItemName] > a,.simple-nav-frame .simple-search-trigger {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 7px !important;
    color: #fff !important;
    height: 42px !important;
}
.simple-nav-frame .cart-btn {
    background: #202a42 !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #f3f6f4 !important;
    height: 42px !important;
}
.simple-nav-frame .cart-btn:hover,
.simple-nav-frame .cart-btn:focus {
    background: #28344f !important;
    border-color: rgba(103,212,255,.55) !important;
    color: #fff !important;
}
.simple-nav-frame .cart-btn .tt-cart-badge {
    background: #67d4ff !important;
    color: #07142e !important;
}
.simple-nav-frame .dropdown-menu {
    background: #fff !important;
    border: 1px solid #e3e7e2 !important;
    border-radius: 10px !important;
    box-shadow: 0 18px 48px rgba(8,15,14,.16) !important;
    margin-top: 10px !important;
    padding: 8px !important;
}
.simple-nav-frame .dropdown-menu:before,.simple-nav-frame .dropdown-menu:after { content: none !important; display: none !important; }
.simple-nav-frame .dropdown-menu a { border-radius: 6px !important; color: #34413d !important; font-weight: 600 !important; }
.simple-nav-frame .dropdown-menu a:hover { background: #f2f5f1 !important; color: #17201e !important; }

/* Common details */
.simple-shell .btn { font-size: .9rem; min-height: 46px; }
.simple-shell .btn-primary { border-radius: 7px !important; box-shadow: none !important; }
.simple-kicker { font-family: inherit !important; font-size: .72rem !important; letter-spacing: .08em !important; }
.simple-products-heading h2,.simple-features-heading h2,.simple-location-heading h2,.simple-security h2,.simple-help h2,.simple-news-header h2,.simple-section-heading h2 { text-wrap: balance; }
.simple-products-heading p,.simple-features-heading p,.simple-location-heading p,.simple-security-copy p,.simple-help p { font-size: 1rem; }

/* Hero refinements */
.simple-hero { border: 0 !important; isolation: isolate; min-height: 650px; }
.simple-hero-copy { padding: 1rem 0; }
.simple-hero h1 { text-wrap: balance; }
.simple-hero-board { backdrop-filter: none; box-shadow: 0 28px 75px rgba(0,0,0,.25); }
.simple-board-item { transition: background-color .2s ease; }
.simple-board-item:hover { background: rgba(255,255,255,.025); }
.simple-board-foot { background: rgba(0,0,0,.08); }

/* Products and features */
.simple-product-card { display: flex; flex-direction: column; overflow: hidden; }
.simple-product-card h3 { overflow-wrap: anywhere; }
.simple-product-card p { margin-bottom: 3rem; }
.simple-product-card-link { margin-top: auto; position: static !important; }
.simple-product-card:hover .simple-product-card-arrow { color: #5f8d18; transform: translate(2px,-2px); }
.simple-products-footer a,.simple-inline-link,.simple-values-link { text-decoration: none !important; }
.simple-features-grid article { position: relative; }
.simple-features-grid article i { align-items: center; background: #e9efdf; border-radius: 9px; display: inline-flex; height: 42px; justify-content: center; width: 42px; }

/* Security, location, search and reviews */
.simple-security-panel { background: rgba(255,255,255,.025); }
.simple-location-card { transition: background-color .2s ease; }
.simple-location-card:hover { background: #fafbf9; }
.simple-home .tt-domain-search-wrap .input-group { border: 1px solid rgba(255,255,255,.12) !important; overflow: hidden; }
.simple-home .tt-domain-search-wrap .form-control { border: 0 !important; min-height: 58px; padding-left: 1.2rem !important; }
.simple-home .tt-domain-search-wrap .input-group .btn { min-height: 58px; padding-left: 1.35rem !important; padding-right: 1.35rem !important; }
.simple-review-card blockquote { quotes: none; }
.simple-review-card blockquote:before,.simple-review-card blockquote:after { content: none; }

/* Portal surfaces */
.simple-shell:not(.simple-home) #main-body { min-height: 55vh; padding-bottom: 80px; padding-top: 64px; }
.simple-shell .card,.simple-shell .panel,.simple-shell .modal-content { border-radius: 10px !important; }
.simple-shell .form-control,.simple-shell .custom-select { border-radius: 7px !important; min-height: 44px; }
.simple-shell .form-control:focus,.simple-shell .custom-select:focus {
    border-color: #43a8f7 !important;
    box-shadow: 0 0 0 3px rgba(103,212,255,.15) !important;
}
.simple-shell a:focus-visible,.simple-shell button:focus-visible,.simple-shell input:focus-visible,.simple-shell select:focus-visible {
    outline: 3px solid rgba(103,212,255,.42) !important;
    outline-offset: 2px;
}
.simple-shell .table { border-radius: 8px; overflow: hidden; }
.simple-footer .tt-footer-top { padding-bottom: 54px !important; padding-top: 58px !important; }
.simple-footer h6 { color: #fff !important; font-size: .85rem !important; letter-spacing: 0 !important; text-transform: none !important; }
.simple-footer .tt-footer-menu li + li { margin-top: .35rem; }
.simple-footer a:hover { padding-left: 0 !important; }

@media (max-width: 1199.98px) {
    body.simple-shell { padding-top: 70px !important; }
    .simple-nav-header.tt-header,.simple-shell .tt-header,.simple-shell .tt-header.affix,.simple-nav-shell.navbar { height: 70px !important; min-height: 70px !important; }
    .simple-nav-frame { border-radius: 0 !important; margin: 0 auto !important; min-height: 70px !important; width: 100% !important; }
    .simple-nav-frame .main-navbar-wrapper.offcanvas-collapse { top: 70px !important; }
}
@media (max-width: 575.98px) {
    .simple-nav-frame { padding: 0 12px !important; }
    .simple-brand-logo { max-width: 150px !important; }
    .simple-hero { min-height: 0; }
    .simple-board-foot { gap: .5rem; }
    .simple-products-heading h2,.simple-features-heading h2,.simple-location-heading h2,.simple-security h2 { font-size: clamp(2.35rem,11vw,3.2rem) !important; }
}

@media (prefers-reduced-motion: reduce) {
    .simple-shell * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Palette lock: one brand accent, one dark surface and neutral UI colors. */
.simple-shell {
    --primary: #43a8f7;
    --primary-dark: #67d4ff;
    --primary-light: #edf6de;
    --success: #43a8f7;
    --success-light: #edf6de;
    --info: #52627d;
    --gray-light: #f5f7f4;
    --border-color: #e0e5df;
    --heading-color: #17201e;
    --body-color: #66736e;
}
.simple-shell .text-primary,.simple-shell a.text-primary { color: #67d4ff !important; }
.simple-shell .text-info { color: #52627d !important; }
.simple-shell .text-success { color: #67d4ff !important; }
.simple-shell .bg-primary { background-color: #43a8f7 !important; }
.simple-shell .bg-info,.simple-shell .badge-info { background-color: #52627d !important; }
.simple-shell .bg-success,.simple-shell .badge-success { background-color: #43a8f7 !important; }
.simple-shell .badge-primary { background-color: #43a8f7 !important; color: #07142e !important; }
.simple-shell .btn-success,.simple-shell .btn-info {
    background: #67d4ff !important;
    border-color: #67d4ff !important;
    box-shadow: none !important;
    color: #07142e !important;
}
.simple-shell .btn-success:hover,.simple-shell .btn-info:hover {
    background: #8ee2ff !important;
    border-color: #8ee2ff !important;
    color: #07142e !important;
}
.simple-shell .btn-outline-primary { border-color: #43a8f7 !important; color: #67d4ff !important; }
.simple-shell .btn-outline-primary:hover { background: #43a8f7 !important; color: #fff !important; }
.simple-shell .page-item.active .page-link,.simple-shell .nav-pills .nav-link.active {
    background: #43a8f7 !important;
    border-color: #43a8f7 !important;
    color: #fff !important;
}
.simple-shell .page-link { color: #67d4ff; }
.simple-shell .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #43a8f7 !important;
    border-color: #43a8f7 !important;
}
.simple-shell .progress-bar { background-color: #43a8f7 !important; }
.simple-nav-search-button {
    background: #202a42 !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: none !important;
    color: #67d4ff !important;
}
.simple-nav-search-button i { color: #67d4ff !important; }

/* Remove surviving blue/cyan treatments from WHMCS-specific surfaces. */
.simple-shell:not(.simple-home) .tt-page-header {
    background: #11192d !important;
    border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
.simple-shell:not(.simple-home) .tt-page-header:before,.simple-shell:not(.simple-home) .tt-page-header:after { content: none !important; display: none !important; }
.simple-shell .sidebar .list-group-item.active,.simple-shell .sidebar .panel-sidebar .list-group-item.active {
    background: #43a8f7 !important;
    border-color: #43a8f7 !important;
    color: #fff !important;
}
.simple-shell .card-header,.simple-shell .panel-heading,.simple-shell .table thead th {
    background: #f1f4f0 !important;
    border-color: #e0e5df !important;
    color: #17201e !important;
}
.simple-shell .table-hover tbody tr:hover { background: #f5f7f4 !important; }
.simple-shell .list-group-item:hover { background: #f5f7f4 !important; }
.simple-store #main-body,.simple-shell:not(.simple-home) #main-body { background: #f5f7f4 !important; }
.simple-store .product,.simple-store .product header,.simple-store .product .product-desc,
.simple-store .product .product-pricing,.simple-store .products .product {
    border-color: #e0e5df !important;
}
.simple-store .product header,.simple-store .products .product header { background: #11192d !important; color: #fff !important; }
.simple-store .product header h3,.simple-store .products .product header h3 { color: #fff !important; }
.simple-store .product .btn,.simple-store .products .product .btn { box-shadow: none !important; }

/* Homepage accents all resolve to the same light-blue accent. */
.simple-product-card-icon,.simple-features-grid article i { background: #edf4e4 !important; color: #5f8f18 !important; }
.simple-product-card-link,.simple-products-footer a,.simple-inline-link { color: #5f8f18 !important; }
.simple-review-stars { color: #43a8f7 !important; }
.simple-location-state i,.simple-board-status i { background: #67d4ff !important; }
.simple-help { background: #67d4ff !important; }
.simple-home .tt-domain-list img { filter: grayscale(1); opacity: .88; }

/* Dark-only surface system. White is reserved for text, never large page areas. */
.simple-shell {
    --sp-navy: #0d1426;
    --sp-navy-2: #151f35;
    --sp-accent: #67d4ff;
    --sp-ink: #f3f6f4;
    --sp-copy: #a6b0ac;
    --sp-line: rgba(255,255,255,.10);
    --sp-soft: #111a2e;
    --heading-color: #f3f6f4;
    --body-color: #a6b0ac;
    --gray-light: #111a2e;
    --border-color: rgba(255,255,255,.10);
    background: #0d1426 !important;
    color: #a6b0ac !important;
}
.simple-shell h1,.simple-shell h2,.simple-shell h3,.simple-shell h4,.simple-shell h5,.simple-shell h6 { color: #f3f6f4 !important; }
.simple-shell .text-dark { color: #f3f6f4 !important; }
.simple-shell .text-muted { color: #8f9b97 !important; }
.simple-shell .bg-white,.simple-shell .bg-gray-light { background: #151f35 !important; }

.simple-products,.simple-features,.simple-location,.simple-reviews,
.simple-home #main-body,.simple-help,.simple-shell:not(.simple-home) #main-body,.simple-store #main-body {
    background: #0d1426 !important;
    border-color: rgba(255,255,255,.10) !important;
}
.simple-features,.simple-reviews,.simple-home #main-body,.simple-help { background: #111a2e !important; }
.simple-home .home-domain-search { background: #0d1426 !important; }
.simple-home .tt-domain-search-wrap .input-group { background: #0f182b !important; }
.simple-products-heading h2,.simple-features-heading h2,.simple-location-heading h2,
.simple-section-heading h2,.simple-news-header h2,.simple-help h2 { color: #f3f6f4 !important; }
.simple-products-heading p,.simple-features-heading p,.simple-location-heading p,
.simple-section-heading > p,.simple-help p { color: #a6b0ac !important; }
.simple-kicker { color: #67d4ff !important; }

.simple-product-card {
    background: #151f35 !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}
.simple-product-card:hover { background: #18243d !important; border-color: rgba(103,212,255,.32) !important; box-shadow: none !important; }
.simple-product-card h3 { color: #f3f6f4 !important; }
.simple-product-card p { color: #9ca8a4 !important; }
.simple-product-card-arrow { color: #7e8a86 !important; }
.simple-product-card-icon,.simple-features-grid article i {
    background: rgba(103,212,255,.09) !important;
    color: #67d4ff !important;
}
.simple-product-card-link,.simple-products-footer a,.simple-inline-link { color: #67d4ff !important; }

.simple-features-grid article {
    border-color: rgba(255,255,255,.10) !important;
}
.simple-features-grid h3 { color: #f3f6f4 !important; }
.simple-features-grid p { color: #9ca8a4 !important; }

.simple-location-card {
    border-color: rgba(255,255,255,.10) !important;
}
.simple-location-card:hover { background: #111a2e !important; }
.simple-location-index { background: #151f35 !important; color: #67d4ff !important; }
.simple-location-card h3 { color: #f3f6f4 !important; }
.simple-location-card p,.simple-location-state { color: #9ca8a4 !important; }

.simple-review-card { border-color: rgba(255,255,255,.10) !important; }
.simple-review-card blockquote { color: #c5cdca !important; }
.simple-review-card footer { border-color: rgba(255,255,255,.10) !important; }
.simple-review-card footer strong { color: #f3f6f4 !important; }
.simple-review-card footer span { color: #8f9b97 !important; }

.simple-newsroom,.simple-news-card,.simple-news-card-featured {
    background: transparent !important;
    border-color: rgba(255,255,255,.10) !important;
}
.simple-news-card:hover { background: #151f35 !important; }
.simple-news-header,.simple-news-footer,.simple-news-card-featured .simple-news-footer { border-color: rgba(255,255,255,.10) !important; }
.simple-news-header p,.simple-news-card p,.simple-news-card-featured p { color: #9ca8a4 !important; }
.simple-news-card h3,.simple-news-card-featured h3 { color: #f3f6f4 !important; }
.simple-news-index,.simple-news-date { color: #7f8b87 !important; }

.simple-help { border-top: 1px solid rgba(255,255,255,.10) !important; }
.simple-help .btn-primary { background: #67d4ff !important; border-color: #67d4ff !important; color: #07142e !important; }
.simple-help .simple-text-link { color: #67d4ff !important; }

.simple-shell .card,.simple-shell .panel,.simple-shell .modal-content,
.simple-shell .list-group,.simple-shell .sidebar .panel {
    background: #151f35 !important;
    border-color: rgba(255,255,255,.10) !important;
    box-shadow: none !important;
    color: #a6b0ac !important;
}
.simple-shell .card-header,.simple-shell .panel-heading,.simple-shell .table thead th {
    background: #19243b !important;
    border-color: rgba(255,255,255,.10) !important;
    color: #f3f6f4 !important;
}
.simple-shell .list-group-item {
    background: #151f35 !important;
    border-color: rgba(255,255,255,.08) !important;
    color: #a6b0ac !important;
}
.simple-shell .list-group-item:hover,.simple-shell .table-hover tbody tr:hover { background: #19243b !important; }
.simple-shell .form-control,.simple-shell .custom-select {
    background: #0f182b !important;
    border-color: rgba(255,255,255,.13) !important;
    color: #f3f6f4 !important;
}
.simple-shell .form-control::placeholder { color: #6f7b77 !important; }
.simple-shell .table { background: #151f35 !important; color: #a6b0ac !important; }
.simple-shell .table td { background: transparent !important; border-color: rgba(255,255,255,.08) !important; color: #a6b0ac !important; }
.simple-shell .dropdown-menu { background: #151f35 !important; border-color: rgba(255,255,255,.12) !important; }
.simple-shell .dropdown-item,.simple-nav-frame .dropdown-menu a { color: #c5cdca !important; }
.simple-shell .dropdown-item:hover,.simple-nav-frame .dropdown-menu a:hover { background: #1b2740 !important; color: #fff !important; }
.simple-footer { background: #090f1d !important; border-top-color: rgba(255,255,255,.10) !important; }
.simple-footer .tt-footer-bottom { border-color: rgba(255,255,255,.10) !important; }

/* Keep only semantic warning/error colors outside the brand palette. */
.simple-shell .alert-info { background: #151f35 !important; border-color: rgba(255,255,255,.12) !important; color: #c5cdca !important; }
.simple-shell .breadcrumb,.simple-shell .pagination .page-link { background: transparent !important; border-color: rgba(255,255,255,.10) !important; }
.simple-shell .page-link { color: #67d4ff !important; }

/* Continuous desktop hover path from trigger to menu. */
@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
    .simple-nav-frame li.dropdown { position: relative; }
    .simple-nav-frame li.dropdown > .dropdown-menu {
        margin-top: 0 !important;
        top: 100% !important;
    }
    .simple-nav-frame li.dropdown > .dropdown-menu:after {
        background: transparent !important;
        content: "" !important;
        display: block !important;
        height: 8px !important;
        left: 0 !important;
        pointer-events: auto !important;
        position: absolute !important;
        right: 0 !important;
        top: -8px !important;
    }
}

/* Cart belongs to the navigation instead of looking like a separate CTA. */
.simple-nav-frame .simple-cart-item { margin-left: 2px !important; }
.simple-nav-frame .simple-cart-item .cart-btn,
.simple-nav-frame .simple-cart-item .cart-btn:hover,
.simple-nav-frame .simple-cart-item .cart-btn:focus,
.simple-nav-frame .simple-cart-item .cart-btn:active {
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #d9deea !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
    gap: .35rem !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    outline: 0 !important;
    padding: 0 .82rem !important;
    transform: none !important;
}
.simple-nav-frame .simple-cart-item .cart-btn { background: transparent !important; }
.simple-nav-frame .simple-cart-item .cart-btn > i,
.simple-nav-frame .simple-cart-item .cart-btn .simple-cart-label {
    color: #d9deea !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}
.simple-nav-frame .simple-cart-item .cart-btn:hover,
.simple-nav-frame .simple-cart-item .cart-btn:focus,
.simple-nav-frame .simple-cart-item .cart-btn:active {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
}
.simple-nav-frame .simple-cart-item .cart-btn:hover > i,
.simple-nav-frame .simple-cart-item .cart-btn:focus > i,
.simple-nav-frame .simple-cart-item .cart-btn:hover .simple-cart-label,
.simple-nav-frame .simple-cart-item .cart-btn:focus .simple-cart-label {
    color: #fff !important;
}
.simple-nav-frame .simple-cart-item .tt-cart-badge {
    background: #67d4ff !important;
    border: 2px solid #0d1426 !important;
    box-shadow: none !important;
    color: #07142e !important;
}
.simple-nav-frame .tt-secondary-list > li[menuItemName] > a:hover,
.simple-nav-frame .tt-secondary-list > li[menuItemName] > a:focus,
.simple-nav-frame .tt-secondary-list > li[menuItemName].open > a,
.simple-nav-frame .tt-secondary-list > li[menuItemName].show > a {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.14) !important;
    color: #fff !important;
    transform: none !important;
}

/* Final navbar dropdown system: compact, dark and without a hover gap. */
.simple-nav-frame li.dropdown > .dropdown-menu {
    backdrop-filter: none !important;
    background: #151f35 !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 8px !important;
    box-shadow: 0 16px 36px rgba(3,7,18,.38) !important;
    margin: 0 !important;
    min-width: 240px !important;
    padding: 7px !important;
}
.simple-nav-frame li.dropdown > .dropdown-menu:before { content: none !important; display: none !important; }
.simple-nav-frame li.dropdown > .dropdown-menu a {
    background: transparent !important;
    border: 0 !important;
    border-radius: 5px !important;
    color: #c5cdca !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
    gap: .55rem !important;
    margin: 1px 0 !important;
    min-height: 40px !important;
    padding: .58rem .72rem !important;
}
.simple-nav-frame li.dropdown > .dropdown-menu a:after { content: none !important; display: none !important; }
.simple-nav-frame li.dropdown > .dropdown-menu a:hover,
.simple-nav-frame li.dropdown > .dropdown-menu a:focus {
    background: #1d2942 !important;
    color: #f3f6f4 !important;
    padding-left: .72rem !important;
}
.simple-nav-frame li.dropdown > .dropdown-menu .dropdown-divider {
    border-color: rgba(255,255,255,.08) !important;
    margin: 5px 7px !important;
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
    .simple-nav-frame li.dropdown > .dropdown-menu {
        display: block !important;
        margin-top: 0 !important;
        opacity: 0;
        pointer-events: none;
        top: calc(100% - 1px) !important;
        transform: none !important;
        transition: opacity .12s ease, visibility .12s ease !important;
        visibility: hidden;
    }
    .simple-nav-frame li.dropdown:hover > .dropdown-menu,
    .simple-nav-frame li.dropdown:focus-within > .dropdown-menu,
    .simple-nav-frame li.dropdown.open > .dropdown-menu,
    .simple-nav-frame li.dropdown.show > .dropdown-menu,
    .simple-nav-frame li.dropdown > .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        transform: none !important;
        visibility: visible;
    }
    .simple-nav-frame li.dropdown > .dropdown-menu:after {
        content: "" !important;
        display: block !important;
        height: 4px !important;
        left: 0 !important;
        position: absolute !important;
        right: 0 !important;
        top: -4px !important;
    }
}
