/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .bnav_main_menu_container .sub-menu-toggle {
    display: none !important;
}

.icon_wrapper .img_icon {
    display: flex;
    flex-shrink: 0 !important;
}

.bnav_bottom_nav_wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    /* overflow: hidden; */
    transition: all 0.8s ease-in-out;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important; /* Premium separation border */
}

.bnav_bottom_nav_wrapper ul {
    padding: 0;
    list-style: none;
    max-width: 768px;
    /*width: 100%;*/
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: space-around;
}

.bnav_bottom_nav_wrapper ul li {
    cursor: pointer;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    flex: 1;
}

.bnav_bottom_nav_wrapper ul li:focus-visible {
    outline: none;
}

.bnav_bottom_nav_wrapper ul li a {
    text-decoration: none;
}

.bnav_bottom_nav_wrapper ul.menu li>ul {
    /*display: none;*/
    position: absolute;
    /*margin: 0 auto !important;*/
    left: 0;
    /*bottom: 135px;*/
    right: 0;
    max-width: 100%;
}


/*.bnav_bottom_nav_wrapper ul.menu li:hover > ul {*/


/*    display: block;*/


/*}*/


/* Global css for icon position */

.bnav_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/*.bnav_center {*/


/*    flex-direction: column;*/


/*}*/

.bnav_icon_bottom .icon_wrapper {
    display: flex;
    order: 2;
}

.bnav_right .icon_wrapper {
    display: flex;
    order: 2;
}


/* Main menu */

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_center {
    flex-direction: column;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper {
    order: unset;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left {
    flex-direction: row;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_right {
    flex-direction: row;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left .text_wrapper {
    order: 2;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper {
    order: 1;
}

.bnav_main_menu_container .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper {
    order: 2;
}


/* Sub menu */

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_center {
    flex-direction: column;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper {
    order: unset;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left {
    flex-direction: row;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_right {
    flex-direction: row;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left .text_wrapper {
    order: 2;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper {
    order: 1;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper {
    order: 2;
}


/* Icon position on menu for global option */


/* Show sub menu icon on active or normal */

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 .bnav_menu_items:hover .icon_wrapper.active {
    display: flex;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 .bnav_menu_items:hover .icon_wrapper.normal {
    display: none;
}


/* Child nav icon position */


/* .bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items */

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_center {
    flex-direction: column;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_center .icon_wrapper {
    order: unset;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left {
    flex-direction: row;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_right {
    flex-direction: row;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left .text_wrapper {
    order: 2;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_left .icon_wrapper {
    order: 1;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items .bnav_flex.bnav_icon_bottom .icon_wrapper {
    order: 2;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items:hover .icon_wrapper.active {
    display: flex;
}

.bnav_bottom_nav_wrapper .bnav_sub_menu_wrapper ul.bnav_child_sub_menu li a .bnav_menu_items:hover .icon_wrapper.normal {
    display: none;
}


/*.bnav_bottom_nav_wrapper ul li a .icon_wrapper.normal {*/


/*    display: none;*/


/*}*/

.bnav_bottom_nav_wrapper ul li ul.sub-menu {
    display: none !important;
}

.bnav_bottom_nav_wrapper ul li a .icon_wrapper.active {
    display: none;
    flex-shrink: 0 !important;
}
.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items:hover .icon_wrapper.active
 {
    display: flex;
    flex-shrink:0;
}

.bnav_bottom_nav_wrapper ul.bnav_main_menu li a .bnav_menu_items:hover .icon_wrapper.normal {
    display: none;
}


/*.bnav_bottom_nav_wrapper ul li.current_page_item .icon_wrapper.normal {*/


/*    display: none;*/


/*}*/

.bnav_bottom_nav_wrapper ul li.current-menu-item .icon_wrapper.active {
    display: flex;
}

.bnav_bottom_nav_wrapper ul li.current-menu-item .icon_wrapper.normal {
    display: none !important;
}

.bnav_bottom_nav_wrapper ul li.active .icon_wrapper.active {
    display: flex;
}

.bnav_bottom_nav_wrapper ul li.active .icon_wrapper.normal {
    display: none !important;
}

.bnav_sub_menu_wrapper ul li ul {
    display: none;
}

.bnav_sub_menu_wrapper ul.sub-menu.show ul {
    display: none !important;
}

.bnav_menu_items {
    position: relative;
}

.bnav_menu_items .cart_total,
.bnav_menu_items .bnav_wishlist_counter {
    position: absolute;
    top: -3px;
    right: calc( 0% - 20px);
    display: inline-block;
    width: auto;
}

.bnav_menu_items .bnav_wishlist_counter {
    color: #818797;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: .48px;
}

.bnav_sub_menu_search .bnav_search_input {
    position: relative;
}

.bnav_sub_menu_search .bnav_search_input {
    display: flex;
    align-items: center;
}

.bnav_sub_menu_search .bnav_search_input input {
    width: 100%;
    flex-shrink: 0;
    background: transparent;
    outline: none;
    border: none;
}

.bnav_sub_menu_search .bnav_search_input input:focus {
    background: transparent;
    outline: none;
}

.bnav_sub_menu_search .bnav_search_input.right {
    flex-direction: row-reverse;
}

.bnav_overlay {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: calc( 100vh + 900px);
    top: -900px;
}

.bnav_sub_menu_search {
    display: none;
}

.bnav_sub_menu_search.bnav_search_hide {
    display: none;
}

.bnav_main_menu_container {
    position: relative;
}

.bnav_main_menu_overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: #ff000000;
    width: 100%;
    height: 100%;
}

.bnav_sub_menu_search .bnav_search_input input {
    padding: 0;
    margin: 0;
}

.bnav_search_input.input_focused {
    position: relative;
    z-index: 9;
}

.bnav_sub_menu_search .bnav_search_input.left i,
.bnav_sub_menu_search .bnav_search_input.left img {
    margin-right: 5px;
}

.bnav_sub_menu_search .bnav_search_input.right i,
.bnav_sub_menu_search .bnav_search_input.right img {
    margin-left: 5px;
}


/* Mega menu */

.bnav_sub_menu_wrapper .sub-menu.bnav_mega_menu_wrapper {
    display: block;
}

.bnav_bottom_nav_wrapper ul li a .text_wrapper,
.bnav_main_menu_container .bnav_main_menu .bnav_menu_items .cart_total,
.bnav_bottom_nav_wrapper ul.sub-menu.bnav_child_sub_menu li a .text_wrapper {
    transition: all 0.5s ease-in-out;
}

.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li a .text_wrapper,
.bnav_sub_menu_wrapper ul.sub-menu.depth-0 li a .bnav_menu_items .cart_total {
    transition: all 0.5s ease-in-out;
}

.bnav_overlay_close_all {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #ffffff00;
    z-index: 99;
}

.bnav_scroll_hide_menu {
    bottom: -1000px;
}

.bnav_hide_menu_onscroll_mobile {
    bottom: -1000px;
}

/* Bottom Drawer Mega Menu for Tienda */
.bnav-tienda-drawer {
    display: none !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #1e1e1e !important; /* Premium dark background */
    border-top: none !important; /* Removed white edge line */
    border-radius: var(--clb-border-radius-large, 24px) var(--clb-border-radius-large, 24px) 0 0 !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    z-index: 100000 !important; /* Behind the bottom nav bar */
    padding: 30px 24px 100px 24px !important; /* Large bottom padding to clear the bottom nav bar */
    box-shadow: 0 -15px 45px rgba(0, 0, 0, 0.6) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.bnav-tienda-drawer.drawer-open {
    display: grid !important; /* Grid layout for mega menu format */
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 24px !important;
    animation: slideUpBnav 0.35s cubic-bezier(0.25, 0.8, 0.25, 1) forwards !important;
}

.bnav-tienda-drawer.drawer-closing {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 24px !important;
    animation: slideDownBnav 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards !important;
}

@keyframes slideUpBnav {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes slideDownBnav {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

/* Ensure bottom nav bar sits on top of the drawer */
.bnav_bottom_nav_wrapper {
    z-index: 100010 !important;
}

/* Background Overlay for drawer behind bottom nav */
.bnav-drawer-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 99999;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.bnav-drawer-overlay.active {
    display: block !important;
    animation: fadeInOverlay 0.3s ease forwards !important;
}

.bnav-drawer-overlay.overlay-closing {
    display: block !important;
    animation: fadeOutOverlay 0.3s ease forwards !important;
}

@keyframes fadeInOverlay {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOutOverlay {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Custom Header inside Drawer spanning full width */
.bnav-drawer-header {
    grid-column: span 2 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid var(--clb-color-border, rgba(255, 255, 255, 0.08)) !important;
    padding-bottom: 14px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
}

.bnav-drawer-title {
    color: var(--clb-color-primary, #ffb03a) !important; /* Gold branding */
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.bnav-drawer-close {
    color: var(--clb-color-body, #fff4e2) !important;
    background: transparent !important;
    border: none !important;
    font-size: 32px !important;
    cursor: pointer !important;
    line-height: 0.5 !important;
    padding: 0 !important;
    opacity: 0.8 !important;
    transition: color 0.2s, opacity 0.2s !important;
}

.bnav-drawer-close:hover {
    color: var(--clb-color-primary, #ff8433) !important;
    opacity: 1 !important;
}

/* Mega Menu Content Layout */
.bnav-tienda-drawer > li {
    margin-bottom: 0 !important; /* Margin handled by grid gap */
    list-style: none !important;
    display: block !important;
}

/* First level children (Categories) */
.bnav-tienda-drawer > li > a {
    color: var(--clb-color-primary, #ffb03a) !important; /* Gold category headers */
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 12px !important;
    display: block !important;
    pointer-events: none !important; /* Act as group headers */
}

/* Second level children (Vertical lists matching mega menu) */
.bnav-tienda-drawer > li > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding-left: 0 !important;
    margin-top: 4px !important;
    list-style: none !important;
}

.bnav-tienda-drawer > li > ul > li {
    display: block !important;
    list-style: none !important;
}

.bnav-tienda-drawer > li > ul > li > a {
    color: var(--clb-color-body, #fff4e2) !important; /* Soft text color */
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    display: block !important;
    padding: 2px 0 !important;
    transition: color 0.2s ease !important;
}

.bnav-tienda-drawer > li > ul > li > a:hover {
    color: var(--clb-color-primary, #ff8433) !important; /* Orange hover color */
}

/* Fix theme flyout submenu hover gap jitter on desktop */
@media (min-width: 768px) {
    .header:not(.-mobile) .menu li > ul > li {
        position: relative !important;
    }
    .header:not(.-mobile) .menu li > ul > li > ul::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: -15px !important; /* Covers the positioning gap */
        width: 25px !important;
        background: transparent !important;
        z-index: -1 !important;
    }
}

/* Mobile header cleanup: hide hamburger and optionals, leave only logo visible */
.header.-mobile .mobile-hamburger,
.header.-mobile .menu-optional,
.header.-mobile .right-part,
.header.-mobile .desktop-hamburger {
    display: none !important;
}

/* Make mobile header background transparent */
.header.-mobile,
.header.-mobile .header-wrap,
.header.-mobile .header-wrap-inner,
.header.-mobile.-sticky .header-wrap {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

/* Footer navigation menu layout - organize into groups */
.site-footer .widget_nav_menu li[id^="nav-menu-item-247767-"], /* Hogar */
.site-footer .widget_nav_menu li[id^="nav-menu-item-247784-"], /* Pedidos Personalizados */
.site-footer .widget_nav_menu li[id^="nav-menu-item-247951-"] { /* CopyWeb Publish */
    display: none !important;
}

/* Hide top-level Tienda item text link but keep submenus */
.site-footer .widget_nav_menu li[id^="nav-menu-item-247915-"] > a {
    display: none !important;
}
.site-footer .widget_nav_menu li[id^="nav-menu-item-247915-"] {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* First submenu level (holds categories) - split into 2 columns side-by-side */
.site-footer .widget_nav_menu ul.menu-depth-1.sub-menu {
    margin-left: 0 !important; /* Remove indentation */
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px 24px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Category header links (Marketing, Web, Photo) */
.site-footer .widget_nav_menu li.menu-item-depth-1 > a {
    color: var(--clb-color-primary, #ffb03a) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: block !important;
    margin-bottom: 8px !important;
    pointer-events: none !important; /* Group header */
    padding: 0 !important;
}

/* Hide toggle icons inside footer menu */
.site-footer .widget_nav_menu li.menu-item-depth-1 > a .has-submenu-icon {
    display: none !important;
}

/* Second sub-menu level (holds service links) */
.site-footer .widget_nav_menu ul.menu-depth-2.sub-sub-menu {
    margin-left: 0 !important; /* Remove indentation */
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    list-style: none !important;
}

.site-footer .widget_nav_menu ul.menu-depth-2.sub-sub-menu > li > a {
    color: var(--clb-color-body, #fff4e2) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 2px 0 !important;
    display: block !important;
    transition: color 0.2s ease !important;
    line-height: 1.4 !important;
}

.site-footer .widget_nav_menu ul.menu-depth-2.sub-sub-menu > li > a:hover {
    color: var(--clb-color-primary, #ff8433) !important;
}

/* Style for login header icon button */
.login-header-btn {
    padding: 0 !important;
    min-width: 38px !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important; /* Circular button */
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--clb-color-white, #ffffff) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.25s ease !important;
    margin-left: 10px !important;
}

.login-header-btn:hover {
    background: var(--clb-color-primary, #ffb03a) !important;
    color: #1e1e1e !important;
    border-color: var(--clb-color-primary, #ffb03a) !important;
}

/* Login Modal Styling */
.copyweb-modal-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 100020 !important; /* Sitting on top of the bottom nav */
    display: none !important; /* Hidden by default */
    align-items: center !important;
    justify-content: center !important;
}

.copyweb-modal-wrapper.active {
    display: flex !important; /* Shown when active */
}

.copyweb-modal-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.copyweb-modal-container {
    position: relative !important;
    width: 90% !important;
    max-width: 420px !important;
    background-color: #1e1e1e !important; /* Matched to header/drawer dark background */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6) !important;
    z-index: 2 !important;
    overflow: hidden !important;
    animation: modalFadeIn 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards !important;
    box-sizing: border-box !important;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.copyweb-modal-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255, 255, 255, 0.6) !important;
    cursor: pointer !important;
    padding: 8px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
}

.copyweb-modal-close:hover {
    color: var(--clb-color-white, #ffffff) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.copyweb-modal-close svg {
    display: block !important;
}

.copyweb-modal-content {
    padding: 40px !important;
    box-sizing: border-box !important;
}

.copyweb-modal-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--clb-color-white, #ffffff) !important;
    margin: 0 0 6px 0 !important;
    font-family: 'Inter', sans-serif !important;
}

.copyweb-modal-subtitle {
    font-size: 13px !important;
    color: var(--clb-color-body, #fff4e2) !important;
    opacity: 0.6 !important;
    margin: 0 0 28px 0 !important;
    line-height: 1.5 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Input Styles */
.copyweb-input-group {
    margin-bottom: 20px !important;
    text-align: left !important;
}

.copyweb-input-group label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--clb-color-white, #ffffff) !important;
    opacity: 0.8 !important;
    margin-bottom: 8px !important;
    font-family: 'Inter', sans-serif !important;
}

.copyweb-input-group input[type="text"],
.copyweb-input-group input[type="password"] {
    width: 100% !important;
    height: 48px !important;
    background-color: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    color: var(--clb-color-white, #ffffff) !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    transition: all 0.25s ease !important;
    outline: none !important;
    box-sizing: border-box !important;
    font-family: 'Inter', sans-serif !important;
}

.copyweb-input-group input:focus {
    border-color: var(--clb-color-primary, #ffb03a) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 0 0 3px rgba(255, 176, 58, 0.15) !important;
}

/* Form Actions */
.copyweb-form-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 24px !important;
    font-size: 13px !important;
}

.copyweb-rememberme {
    color: var(--clb-color-body, #fff4e2) !important;
    opacity: 0.8 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.copyweb-rememberme input {
    cursor: pointer !important;
    accent-color: var(--clb-color-primary, #ffb03a) !important;
    margin: 0 !important;
}

.copyweb-lostpassword {
    color: var(--clb-color-primary, #ffb03a) !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.copyweb-lostpassword:hover {
    opacity: 0.8 !important;
    text-decoration: underline !important;
}

/* Submit Button */
.copyweb-submit-wrapper {
    margin-top: 10px !important;
}

.copyweb-submit-wrapper .btn-submit {
    width: 100% !important;
    height: 48px !important;
    background-color: var(--clb-color-primary, #ffb03a) !important;
    color: #100d14 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.copyweb-submit-wrapper .btn-submit:hover {
    background-color: #ffd052 !important;
    transform: translateY(-2px) !important;
    box-shadow: none !important;
}

.copyweb-submit-wrapper .btn-submit:active {
    transform: translateY(0) !important;
}

/* Modal Closing Animation */
.copyweb-modal-wrapper.closing .copyweb-modal-container {
    animation: modalFadeOut 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards !important;
}

.copyweb-modal-wrapper.closing .copyweb-modal-overlay {
    animation: fadeOutOverlay 0.3s ease forwards !important;
}

@keyframes modalFadeOut {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
    to {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }
}