/* ===== Tos Tos Service Brand Override ===== */

@font-face {
    font-family: 'HacenLiner';
    src: url('/assets/tostos-brand/fonts/HacenLiner.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
    --tos-admin-primary: #36788d;
    --tos-admin-secondary: #05485d;
    --tos-admin-accent: #46b3ad;
    --tos-active-text: #cdefed;

    --tos-landing-primary: #36788d;
    --tos-landing-secondary: #cdefed;

    --bs-primary: #36788d !important;
    --bs-primary-rgb: 54, 120, 141 !important;
    --bs-secondary: #05485d !important;
    --bs-secondary-rgb: 5, 72, 93 !important;
    --bs-link-color: #36788d !important;
    --bs-link-hover-color: #05485d !important;
    --bs-body-font-family: 'HacenLiner', sans-serif !important;
    --bs-font-sans-serif: 'HacenLiner', sans-serif !important;
}

/* الخط العام، مع استثناء الأيقونات لاحقاً */
html,
body,
button,
input,
select,
textarea,
label,
a,
p,
span,
div,
small,
strong,
table,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.nav,
.navbar,
.card {
    font-family: 'HacenLiner', sans-serif !important;
}

/* لا نغيّر حجم القائمة الجانبية */
.sidebar,
.sidebar *,
.navbar-vertical,
.navbar-vertical *,
.aside,
.aside *,
.menu,
.menu * {
    font-size: revert !important;
    line-height: revert !important;
}

/* Material icons: لا تجعلها تستخدم خط Hacen */
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
    font-family: 'Material Icons' !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 22px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    direction: ltr !important;
    -webkit-font-feature-settings: 'liga' !important;
    font-feature-settings: 'liga' !important;
    -webkit-font-smoothing: antialiased !important;
}

.material-icons-outlined,
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
}

.material-symbols-sharp {
    font-family: 'Material Symbols Sharp' !important;
}

/* لون الأيقونات في القائمة الجانبية مختلف عن النص */
.sidebar .material-icons,
.sidebar .material-icons-outlined,
.sidebar .material-symbols-outlined,
.navbar-vertical .material-icons,
.navbar-vertical .material-icons-outlined,
.navbar-vertical .material-symbols-outlined,
.aside .material-icons,
.aside .material-icons-outlined,
.aside .material-symbols-outlined,
.menu .material-icons,
.menu .material-icons-outlined,
.menu .material-symbols-outlined {
    color: #46b3ad !important;
}

/* نص القائمة يبقى بلون أساسي */
.sidebar .link-title,
.navbar-vertical .link-title,
.aside .link-title,
.menu .link-title {
    color: #05485d !important;
    font-family: 'HacenLiner', sans-serif !important;
}

/* الأزرار الأساسية */
.btn-primary,
.btn--primary,
.bg-primary,
.badge-primary {
    background-color: #36788d !important;
    border-color: #36788d !important;
    color: #ffffff !important;
}

.btn-primary *,
.btn--primary *,
.bg-primary *,
.badge-primary * {
    color: #ffffff !important;
}

.btn-primary:hover,
.btn--primary:hover,
.btn-primary:focus,
.btn--primary:focus {
    background-color: #05485d !important;
    border-color: #05485d !important;
    color: #ffffff !important;
}

/* أزرار ثانوية */
.btn-secondary,
.btn--secondary,
.bg-secondary,
.badge-secondary {
    background-color: #05485d !important;
    border-color: #05485d !important;
    color: #ffffff !important;
}

/* كل الحالات النشطة في لوحة التحكم */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
button.active,
a.active.btn,
.page-item.active .page-link,
.list-group-item.active,
.dropdown-item.active,
.dropdown-item:active,
[class*="active-menu"],
[class*="active_menu"],
.nav-link.active {
    background-color: #36788d !important;
    border-color: #36788d !important;
    color: #cdefed !important;
}

.nav-pills .nav-link.active *,
.nav-pills .show > .nav-link *,
.nav-tabs .nav-link.active *,
.nav-tabs .nav-item.show .nav-link *,
.btn-check:checked + .btn *,
.btn.active *,
.btn.show *,
button.active *,
a.active.btn *,
.page-item.active .page-link *,
.list-group-item.active *,
.dropdown-item.active *,
.dropdown-item:active *,
[class*="active-menu"] *,
[class*="active_menu"] *,
.nav-link.active * {
    color: #cdefed !important;
}

/* الأيقونة داخل العنصر النشط */
.sidebar [class*="active"] .material-icons,
.sidebar [class*="active"] .material-icons-outlined,
.sidebar [class*="active"] .material-symbols-outlined,
.navbar-vertical [class*="active"] .material-icons,
.navbar-vertical [class*="active"] .material-icons-outlined,
.navbar-vertical [class*="active"] .material-symbols-outlined {
    color: #cdefed !important;
}

/* الحقول */
.form-control:focus,
.form-select:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #46b3ad !important;
    box-shadow: 0 0 0 .15rem rgba(70, 179, 173, .18) !important;
}

/* السويتشات */
.form-check-input:checked,
input[type="checkbox"]:checked,
.switch input:checked + span,
.switcher_input:checked + .switcher_control {
    background-color: #46b3ad !important;
    border-color: #46b3ad !important;
}

/* روابط وألوان عامة */
.text-primary,
.text--primary,
a,
a:hover {
    color: #36788d !important;
}

.border-primary {
    border-color: #36788d !important;
}

/* الخلفيات الفاتحة */
.bg-primary-light,
.bg-soft-primary,
.primary-light,
.alert-primary {
    background-color: #cdefed !important;
    color: #05485d !important;
}

/* ===== Landing page ===== */

.landing-page,
.landing-page *,
.__landing,
.__landing *,
.footer,
.footer * {
    font-family: 'HacenLiner', sans-serif !important;
}

.landing-page .btn-primary,
.__landing .btn-primary,
.header .btn-primary,
.hero-section .btn-primary,
.newsletter .btn-primary,
.subscribe .btn-primary,
.footer .btn-primary {
    background-color: #36788d !important;
    border-color: #36788d !important;
    color: #ffffff !important;
}

.landing-page .btn-primary:hover,
.__landing .btn-primary:hover,
.header .btn-primary:hover,
.hero-section .btn-primary:hover,
.newsletter .btn-primary:hover,
.subscribe .btn-primary:hover,
.footer .btn-primary:hover {
    background-color: #05485d !important;
    border-color: #05485d !important;
    color: #ffffff !important;
}

.header,
.landing-header,
.navbar-area {
    background-color: #cdefed !important;
}

.header a,
.landing-header a,
.navbar-area a {
    color: #05485d !important;
}

.header a:hover,
.landing-header a:hover,
.navbar-area a:hover {
    color: #36788d !important;
}

.newsletter,
.newsletter-section,
.subscribe-section {
    background-color: #cdefed !important;
    color: #36788d !important;
}

.newsletter *,
.newsletter-section *,
.subscribe-section * {
    color: #36788d !important;
}

.footer,
.footer-area,
.footer-section,
.footer-bottom {
    background-color: #05485d !important;
    color: #ffffff !important;
}

.footer *,
.footer-area *,
.footer-section *,
.footer-bottom * {
    color: #ffffff !important;
}

.footer a,
.footer-area a,
.footer-section a,
.footer-bottom a {
    color: rgba(255, 255, 255, 0.86) !important;
}

.footer a:hover,
.footer-area a:hover,
.footer-section a:hover,
.footer-bottom a:hover {
    color: #cdefed !important;
}

/* سلايدر الهبوط */
.swiper-button-next,
.swiper-button-prev,
.owl-next,
.owl-prev,
.slick-next,
.slick-prev {
    color: #36788d !important;
    border-color: #36788d !important;
}

.swiper-pagination-bullet-active,
.owl-dot.active,
.slick-dots li.slick-active button {
    background-color: #36788d !important;
}

/* ===== Sidebar active item: no background ===== */
.sidebar [class*="active-menu"],
.sidebar [class*="active_menu"],
.sidebar .nav-link.active,
.sidebar .active > .nav-link,
.navbar-vertical [class*="active-menu"],
.navbar-vertical [class*="active_menu"],
.navbar-vertical .nav-link.active,
.navbar-vertical .active > .nav-link,
.aside [class*="active-menu"],
.aside [class*="active_menu"],
.aside .nav-link.active,
.aside .active > .nav-link {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Sidebar active text/icon colors */
.sidebar [class*="active-menu"] *,
.sidebar [class*="active_menu"] *,
.sidebar .nav-link.active *,
.sidebar .active > .nav-link *,
.navbar-vertical [class*="active-menu"] *,
.navbar-vertical [class*="active_menu"] *,
.navbar-vertical .nav-link.active *,
.navbar-vertical .active > .nav-link * {
    color: #36788d !important;
}

.sidebar [class*="active-menu"] .material-icons,
.sidebar [class*="active-menu"] .material-icons-outlined,
.sidebar [class*="active-menu"] .material-symbols-outlined,
.sidebar [class*="active_menu"] .material-icons,
.sidebar [class*="active_menu"] .material-icons-outlined,
.sidebar [class*="active_menu"] .material-symbols-outlined,
.sidebar .nav-link.active .material-icons,
.sidebar .nav-link.active .material-icons-outlined,
.sidebar .nav-link.active .material-symbols-outlined {
    color: #46b3ad !important;
}

/* ===== Sidebar active item final style: black bold text, no background ===== */
.sidebar [class*="active-menu"],
.sidebar [class*="active_menu"],
.sidebar .nav-link.active,
.sidebar .active > .nav-link,
.navbar-vertical [class*="active-menu"],
.navbar-vertical [class*="active_menu"],
.navbar-vertical .nav-link.active,
.navbar-vertical .active > .nav-link,
.aside [class*="active-menu"],
.aside [class*="active_menu"],
.aside .nav-link.active,
.aside .active > .nav-link {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* النص المختار */
.sidebar [class*="active-menu"] .link-title,
.sidebar [class*="active_menu"] .link-title,
.sidebar .nav-link.active .link-title,
.sidebar .active > .nav-link .link-title,
.navbar-vertical [class*="active-menu"] .link-title,
.navbar-vertical [class*="active_menu"] .link-title,
.navbar-vertical .nav-link.active .link-title,
.navbar-vertical .active > .nav-link .link-title,
.aside [class*="active-menu"] .link-title,
.aside [class*="active_menu"] .link-title,
.aside .nav-link.active .link-title,
.aside .active > .nav-link .link-title {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* لو النص ليس داخل link-title */
.sidebar [class*="active-menu"],
.sidebar [class*="active_menu"],
.sidebar .nav-link.active,
.sidebar .active > .nav-link,
.navbar-vertical [class*="active-menu"],
.navbar-vertical [class*="active_menu"],
.navbar-vertical .nav-link.active,
.navbar-vertical .active > .nav-link {
    color: #111111 !important;
    font-weight: 700 !important;
}

/* الأيقونة المختارة بلون الهوية */
.sidebar [class*="active-menu"] .material-icons,
.sidebar [class*="active-menu"] .material-icons-outlined,
.sidebar [class*="active-menu"] .material-symbols-outlined,
.sidebar [class*="active_menu"] .material-icons,
.sidebar [class*="active_menu"] .material-icons-outlined,
.sidebar [class*="active_menu"] .material-symbols-outlined,
.sidebar .nav-link.active .material-icons,
.sidebar .nav-link.active .material-icons-outlined,
.sidebar .nav-link.active .material-symbols-outlined,
.sidebar .active > .nav-link .material-icons,
.sidebar .active > .nav-link .material-icons-outlined,
.sidebar .active > .nav-link .material-symbols-outlined {
    color: #46b3ad !important;
    font-weight: normal !important;
}

/* ===== Tostos landing polish 2026-06 ===== */

/* Store/app links: remove badge-image backgrounds by replacing them with transparent brand links */
.app-btns {
    gap: 10px !important;
}

.app-btns .tos-store-btn,
.app-btns .tos-store-btn:hover,
.app-btns .tos-store-btn:focus,
.app-btns .tos-store-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.app-btns .tos-store-btn {
    min-height: 42px;
    padding: 9px 16px;
    border: 1px solid #36788d !important;
    border-radius: 999px;
    color: #05485d !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1;
    transition: color .18s ease, border-color .18s ease, transform .18s ease;
}

.app-btns .tos-store-btn i,
.app-btns .tos-store-btn span {
    color: inherit !important;
}

.app-btns .tos-store-btn i {
    font-size: 20px;
    line-height: 1;
}

.app-btns .tos-store-btn:hover,
.app-btns .tos-store-btn:focus {
    color: #36788d !important;
    border-color: #05485d !important;
    transform: translateY(-1px);
}

.app-btns .tos-store-btn:active {
    transform: translateY(0);
}

/* Header and CTA buttons: match newsletter subscribe interaction */
.navbar-bottom .cmn--btn,
.cta-section .cmn--btn,
.subscribe-newsletter .subscribe-btn {
    border: 1px solid #36788d !important;
    background: transparent !important;
    color: #05485d !important;
    box-shadow: none !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.navbar-bottom .cmn--btn:hover,
.navbar-bottom .cmn--btn:focus,
.cta-section .cmn--btn:hover,
.cta-section .cmn--btn:focus,
.subscribe-newsletter .subscribe-btn:hover,
.subscribe-newsletter .subscribe-btn:focus {
    background-color: #36788d !important;
    border-color: #36788d !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(54, 120, 141, .18) !important;
}

.navbar-bottom .cmn--btn:active,
.cta-section .cmn--btn:active,
.subscribe-newsletter .subscribe-btn:active {
    transform: translateY(0);
    box-shadow: none !important;
}

/* Slider arrow polish */
.service-slide-nav .slide-icon i,
.slider-bottom .owl-btn i {
    color: #05485d !important;
    transition: color .18s ease, transform .18s ease;
}

.service-slide-nav .slide-icon:hover i,
.slider-bottom .owl-btn:hover i {
    color: #36788d !important;
    transform: translateX(-2px);
}

/* About read-more arrow before text */
.tos-read-more-link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}

/* Remove the unwanted horizontal shadow between about and app/features section */
.app-slider-section,
.app-slider-section::before,
.app-slider-section::after {
    box-shadow: none !important;
    border-top: 0 !important;
}

.about-section {
    padding-bottom: 70px !important;
}

.app-slider-section {
    padding-top: 85px !important;
}

/* Footer color consistency */
footer .main-footer,
footer .footer-top,
footer .footer-bottom {
    color: #05485d !important;
}

footer .footer__wrapper-link a {
    color: #111111 !important;
}

footer .footer__wrapper-link a:hover {
    color: #36788d !important;
}

footer .footer__wrapper-contact h6 {
    color: #111111 !important;
}

footer .footer__wrapper-contact a,
footer .footer__wrapper-contact span,
footer .footer__wrapper-widget p {
    color: #05485d !important;
}

footer .footer__wrapper-widget {
    border-inline-start: 1px solid rgba(54, 120, 141, .45);
}

footer .footer__wrapper-widget:first-child {
    border-inline-start: 0;
}

footer .footer-bottom {
    color: #111111 !important;
}

@media (max-width: 991px) {
    footer .footer__wrapper-widget {
        border-inline-start: 0;
        border-top: 1px solid rgba(54, 120, 141, .25);
        padding-top: 24px;
    }

    footer .footer__wrapper-widget:first-child {
        border-top: 0;
        padding-top: 0;
    }
}



/* ===== Tostos landing polish corrections v2 start ===== */

/* App buttons: no colored background on parent or buttons in normal/hover/active/focus */
.banner-section .app-btns,
footer .app-btns,
.footer__wrapper-widget .app-btns,
.app-btns {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.banner-section .app-btns {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
}

footer .app-btns,
.footer__wrapper-widget .app-btns {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
}

.app-btns .tos-store-btn,
.app-btns .tos-store-btn:visited,
.app-btns .tos-store-btn:hover,
.app-btns .tos-store-btn:focus,
.app-btns .tos-store-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

.app-btns .tos-store-btn {
    min-height: 38px !important;
    padding: 8px 16px !important;
    border: 1px solid #36788d !important;
    border-radius: 999px !important;
    color: #05485d !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1 !important;
}

.app-btns .tos-store-btn i,
.app-btns .tos-store-btn span {
    color: #05485d !important;
}

.app-btns .tos-store-btn:hover,
.app-btns .tos-store-btn:focus,
.app-btns .tos-store-btn:active {
    border-color: #05485d !important;
    color: #05485d !important;
}

.app-btns .tos-store-btn:hover i,
.app-btns .tos-store-btn:hover span,
.app-btns .tos-store-btn:focus i,
.app-btns .tos-store-btn:focus span,
.app-btns .tos-store-btn:active i,
.app-btns .tos-store-btn:active span {
    color: #05485d !important;
}

/* Header / CTA / newsletter buttons: filled style, hover without movement */
.navbar-bottom .cmn--btn,
.cta-section .cmn--btn,
.subscribe-newsletter .subscribe-btn {
    background-color: #36788d !important;
    border: 1px solid #36788d !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.navbar-bottom .cmn--btn *,
.cta-section .cmn--btn *,
.subscribe-newsletter .subscribe-btn * {
    color: #ffffff !important;
}

.navbar-bottom .cmn--btn:hover,
.navbar-bottom .cmn--btn:focus,
.navbar-bottom .cmn--btn:active,
.cta-section .cmn--btn:hover,
.cta-section .cmn--btn:focus,
.cta-section .cmn--btn:active,
.subscribe-newsletter .subscribe-btn:hover,
.subscribe-newsletter .subscribe-btn:focus,
.subscribe-newsletter .subscribe-btn:active {
    background-color: #05485d !important;
    border-color: #05485d !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Footer links and logo text: black */
body footer .footer__wrapper-link a,
body footer .footer__wrapper-link a:visited,
body footer .footer__wrapper-link a:hover,
body footer .footer__wrapper-link a:focus,
body footer .footer__wrapper-link a:active {
    color: #111111 !important;
}

body footer .footer__wrapper-widget .cont p,
body footer .footer__wrapper-contact h6 {
    color: #111111 !important;
}

body footer .footer__wrapper-contact a,
body footer .footer__wrapper-contact span {
    color: #05485d !important;
}

body footer .footer-bottom {
    color: #111111 !important;
}

/* Keep footer app buttons transparent too */
body footer .app-btns .tos-store-btn,
body footer .app-btns .tos-store-btn:hover,
body footer .app-btns .tos-store-btn:focus,
body footer .app-btns .tos-store-btn:active {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ===== Tostos landing polish corrections v2 end ===== */

/* ===== Tostos landing polish corrections v3 start ===== */

/* Restore app badges as images but remove all wrapper/link hover backgrounds */
html body .banner-section .app-btns,
html body footer .app-btns,
html body .footer__wrapper-widget .app-btns {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
}

html body .banner-section .app-btns {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
}

html body footer .app-btns {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

html body .app-btns a,
html body .app-btns a:visited,
html body .app-btns a:hover,
html body .app-btns a:focus,
html body .app-btns a:active {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    padding: 0 !important;
}

html body .app-btns a::before,
html body .app-btns a::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

html body .app-btns img {
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Stable interactive buttons: no movement, clear hover color */
html body .navbar-bottom .cmn--btn,
html body .cta-section .cmn--btn,
html body .subscribe-newsletter .subscribe-btn {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    background-color: #36788d !important;
    border: 1px solid #36788d !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

html body .navbar-bottom .cmn--btn::before,
html body .navbar-bottom .cmn--btn::after,
html body .cta-section .cmn--btn::before,
html body .cta-section .cmn--btn::after,
html body .subscribe-newsletter .subscribe-btn::before,
html body .subscribe-newsletter .subscribe-btn::after {
    display: none !important;
    content: none !important;
}

html body .navbar-bottom .cmn--btn:hover,
html body .navbar-bottom .cmn--btn:focus,
html body .navbar-bottom .cmn--btn:active,
html body .cta-section .cmn--btn:hover,
html body .cta-section .cmn--btn:focus,
html body .cta-section .cmn--btn:active,
html body .subscribe-newsletter .subscribe-btn:hover,
html body .subscribe-newsletter .subscribe-btn:focus,
html body .subscribe-newsletter .subscribe-btn:active {
    background-color: #05485d !important;
    border-color: #05485d !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Newsletter input group alignment */
html body .subscribe-newsletter .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    background: #ffffff !important;
    border: 1px solid rgba(5, 72, 93, .22) !important;
    border-radius: 999px !important;
    padding: 4px !important;
    overflow: hidden !important;
}

html body .subscribe-newsletter .input-group .form-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .subscribe-newsletter .input-group-append {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    transform: none !important;
}

html body .subscribe-newsletter .subscribe-btn {
    height: 44px !important;
    min-width: 92px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Footer: force black menu links and black logo paragraph */
html body footer .footer__wrapper-link,
html body footer .footer__wrapper-link li,
html body footer .footer__wrapper-link li a,
html body footer .footer__wrapper-link li a.text-capitalize,
html body footer .footer__wrapper-link li a:visited,
html body footer .footer__wrapper-link li a:hover,
html body footer .footer__wrapper-link li a:focus,
html body footer .footer__wrapper-link li a:active {
    color: #111111 !important;
}

html body footer .footer__wrapper-widget .cont p,
html body footer .footer__wrapper-widget .cont p *,
html body footer .footer__wrapper-contact h6 {
    color: #111111 !important;
}

html body footer .footer__wrapper-contact a,
html body footer .footer__wrapper-contact span {
    color: #05485d !important;
}

html body footer .footer-bottom {
    color: #111111 !important;
}

/* ===== Tostos landing polish corrections v3 end ===== */



/* ===== Tostos landing buttons final fix start ===== */

/* Header contact button + CTA register button: fixed position, clear hover */
html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn,
html body .cta-section .cta-wrapper a.cmn--btn {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    min-height: 44px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    background: #36788d !important;
    background-color: #36788d !important;
    background-image: none !important;
    border: 1px solid #36788d !important;
    color: #ffffff !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn *,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn *,
html body .cta-section .cta-wrapper a.cmn--btn * {
    color: #ffffff !important;
}

html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn::before,
html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn::after,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn::before,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn::after,
html body .cta-section .cta-wrapper a.cmn--btn::before,
html body .cta-section .cta-wrapper a.cmn--btn::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    background: transparent !important;
}

html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn:hover,
html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn:focus,
html body header .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn:active,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn:hover,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn:focus,
html body .navbar-bottom .navbar-bottom-wrapper > a.cmn--btn:active,
html body .cta-section .cta-wrapper a.cmn--btn:hover,
html body .cta-section .cta-wrapper a.cmn--btn:focus,
html body .cta-section .cta-wrapper a.cmn--btn:active {
    background: #05485d !important;
    background-color: #05485d !important;
    background-image: none !important;
    border-color: #05485d !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* CTA layout: keep register button in its own right/side area, vertically centered */
html body .cta-section .cta-wrapper {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 24px !important;
}

html body .cta-section .cta-wrapper .left-icon {
    position: static !important;
    transform: none !important;
    justify-self: center !important;
}

html body .cta-section .cta-wrapper .content {
    min-width: 0 !important;
}

html body .cta-section .cta-wrapper > .text-center:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
}

@media (max-width: 991px) {
    html body .cta-section .cta-wrapper {
        grid-template-columns: 1fr !important;
        text-align: center !important;
    }

    html body .cta-section .cta-wrapper .left-icon {
        margin: 0 auto !important;
    }
}

/* ===== Tostos landing buttons final fix end ===== */



/* ===== Tostos landing buttons click hover fix v4 start ===== */

/* Make CTA children layered correctly; prevent decorative images/pseudo layers from blocking the link */
html body .cta-section .cta-wrapper {
    position: relative !important;
    isolation: isolate !important;
}

html body .cta-section .cta-wrapper::before,
html body .cta-section .cta-wrapper::after,
html body .cta-section .cta-wrapper .left-icon,
html body .cta-section .cta-wrapper .bg-img,
html body .cta-section .cta-wrapper [class*="bg"]::before,
html body .cta-section .cta-wrapper [class*="bg"]::after {
    pointer-events: none !important;
}

html body .cta-section .cta-wrapper > * {
    position: relative !important;
}

html body .cta-section .cta-wrapper .content {
    z-index: 2 !important;
}

html body .cta-section .cta-wrapper > .text-center:last-child {
    z-index: 20 !important;
    pointer-events: auto !important;
}

/* Exact header and register buttons */
html body a.tos-header-contact-btn,
html body a.tos-cta-register-btn {
    position: relative !important;
    z-index: 50 !important;
    pointer-events: auto !important;
    cursor: pointer !important;

    min-height: 44px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #36788d !important;
    background-color: #36788d !important;
    background-image: none !important;

    border: 1px solid #36788d !important;
    color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

html body a.tos-header-contact-btn::before,
html body a.tos-header-contact-btn::after,
html body a.tos-cta-register-btn::before,
html body a.tos-cta-register-btn::after {
    display: none !important;
    content: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
    background: transparent !important;
}

html body a.tos-header-contact-btn:hover,
html body a.tos-header-contact-btn:focus,
html body a.tos-header-contact-btn:active,
html body a.tos-cta-register-btn:hover,
html body a.tos-cta-register-btn:focus,
html body a.tos-cta-register-btn:active {
    background: #05485d !important;
    background-color: #05485d !important;
    background-image: none !important;
    border-color: #05485d !important;
    color: #ffffff !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Keep the CTA register button in the side area and clickable */
html body .cta-section .cta-wrapper .tos-cta-register-btn {
    margin: 0 !important;
}

/* ===== Tostos landing buttons click hover fix v4 end ===== */



/* ===== Tostos landing buttons hover color fix v5 start ===== */

/*
   Match header contact + CTA register hover to newsletter subscribe.
   Use ultra-specific selectors because original landing CSS overrides .cmn--btn.
*/
html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn,
html body .cta-section .cta-wrapper a.tos-cta-register-btn {
    background-color: #36788d !important;
    background: #36788d !important;
    border-color: #36788d !important;
    color: #ffffff !important;
    cursor: pointer !important;
}

html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:hover,
html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:focus,
html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:active,
html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:hover *,
html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:focus *,
html body header .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:active *,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:hover,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:focus,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:active,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:hover *,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:focus *,
html body .navbar-bottom .navbar-bottom-wrapper a.tos-header-contact-btn:active *,
html body .cta-section .cta-wrapper a.tos-cta-register-btn:hover,
html body .cta-section .cta-wrapper a.tos-cta-register-btn:focus,
html body .cta-section .cta-wrapper a.tos-cta-register-btn:active,
html body .cta-section .cta-wrapper a.tos-cta-register-btn:hover *,
html body .cta-section .cta-wrapper a.tos-cta-register-btn:focus *,
html body .cta-section .cta-wrapper a.tos-cta-register-btn:active * {
    background-color: #05485d !important;
    background: #05485d !important;
    background-image: none !important;
    border-color: #05485d !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Remove any overlay/pseudo color layers from original cmn--btn */
html body a.tos-header-contact-btn::before,
html body a.tos-header-contact-btn::after,
html body a.tos-cta-register-btn::before,
html body a.tos-cta-register-btn::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0 !important;
}

/* No movement */
html body a.tos-header-contact-btn,
html body a.tos-header-contact-btn:hover,
html body a.tos-header-contact-btn:focus,
html body a.tos-header-contact-btn:active,
html body a.tos-cta-register-btn,
html body a.tos-cta-register-btn:hover,
html body a.tos-cta-register-btn:focus,
html body a.tos-cta-register-btn:active {
    transform: none !important;
    box-shadow: none !important;
}

/* ===== Tostos landing buttons hover color fix v5 end ===== */



/* ===== Tostos landing buttons hover match subscribe start ===== */

html body a.tos-header-contact-btn:hover,
html body a.tos-header-contact-btn:focus,
html body a.tos-header-contact-btn:active,
html body a.tos-cta-register-btn:hover,
html body a.tos-cta-register-btn:focus,
html body a.tos-cta-register-btn:active {
    background: #36788d !important;
    background-color: #36788d !important;
    background-image: none !important;
    border-color: #36788d !important;
    color: #ffffff !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
}

html body a.tos-header-contact-btn:hover *,
html body a.tos-header-contact-btn:focus *,
html body a.tos-header-contact-btn:active *,
html body a.tos-cta-register-btn:hover *,
html body a.tos-cta-register-btn:focus *,
html body a.tos-cta-register-btn:active * {
    color: #ffffff !important;
}

html body a.tos-header-contact-btn:hover::before,
html body a.tos-header-contact-btn:hover::after,
html body a.tos-header-contact-btn:focus::before,
html body a.tos-header-contact-btn:focus::after,
html body a.tos-header-contact-btn:active::before,
html body a.tos-header-contact-btn:active::after,
html body a.tos-cta-register-btn:hover::before,
html body a.tos-cta-register-btn:hover::after,
html body a.tos-cta-register-btn:focus::before,
html body a.tos-cta-register-btn:focus::after,
html body a.tos-cta-register-btn:active::before,
html body a.tos-cta-register-btn:active::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}

/* ===== Tostos landing buttons hover match subscribe end ===== */