/* ========================================================== PADIDAR LOGISTICS MENU TOGGLE V2 ========================================================== */ /* ---------------------------------------------------------- PARENT BUTTON ---------------------------------------------------------- */ html body.pf-site .pf-header .pf-nav .pf-nav-dropdown-toggle{ appearance:none !important; -webkit-appearance:none !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#092f59 !important; font-family:inherit !important; font-weight:800 !important; text-decoration:none !important; white-space:nowrap !important; cursor:pointer !important; outline:none !important; } html body.pf-site .pf-header .pf-nav .pf-nav-dropdown-toggle .pf-dd-arrow{ display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-right:5px !important; color:#ec1024 !important; line-height:1 !important; transition: transform .22s ease !important; } html body.pf-site .pf-header .pf-nav-dropdown.is-open > .pf-nav-dropdown-toggle .pf-dd-arrow{ transform: rotate(180deg) !important; } /* ========================================================== DESKTOP Keep hover + add click support ========================================================== */ @media (min-width:922px){ html body.pf-site .pf-header .pf-nav > .pf-nav-dropdown > .pf-nav-dropdown-toggle{ height:100% !important; padding: 0 9px !important; font-size: 12px !important; line-height: 1.5 !important; } html body.pf-site .pf-header .pf-nav-dropdown.is-open > .pf-nav-dropdown-menu{ opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translate(50%,0) !important; } } /* ========================================================== MOBILE / TABLET CLOSED BY DEFAULT ========================================================== */ @media (max-width:921px){ html body.pf-site .pf-header .pf-nav > .pf-nav-dropdown{ display:block !important; width:100% !important; height:auto !important; } html body.pf-site .pf-header .pf-nav > .pf-nav-dropdown > .pf-nav-dropdown-toggle{ position:relative !important; width:100% !important; min-height:54px !important; height:auto !important; justify-content:flex-start !important; padding: 12px 14px !important; border-bottom: 1px solid #edf2f6 !important; border-radius: 0 !important; background: #fff !important; color: #082f5d !important; font-size: 14px !important; font-weight: 900 !important; line-height: 1.6 !important; text-align: right !important; } html body.pf-site .pf-header .pf-nav > .pf-nav-dropdown > .pf-nav-dropdown-toggle:hover, html body.pf-site .pf-header .pf-nav > .pf-nav-dropdown > .pf-nav-dropdown-toggle:focus{ color: #e81529 !important; } /* * CLOSED STATE * * Important: this overrides the old CSS which * permanently forced visibility:visible. */ html body.pf-site .pf-header .pf-nav .pf-nav-dropdown > .pf-nav-dropdown-menu{ position:static !important; display:grid !important; grid-template-columns: 1fr !important; gap: 0 !important; width:100% !important; max-height: 0 !important; margin: 0 !important; padding: 0 10px !important; border: 0 !important; border-radius: 0 !important; background: #f7fafc !important; box-shadow: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; overflow: hidden !important; transform: none !important; transition: max-height .28s ease, opacity .20s ease, padding .28s ease, gap .28s ease !important; } /* * OPEN STATE — only after click */ html body.pf-site .pf-header .pf-nav .pf-nav-dropdown.is-open > .pf-nav-dropdown-menu{ max-height: 190px !important; gap: 8px !important; padding: 8px 10px 10px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* * Submenu cards */ html body.pf-site .pf-header .pf-nav-dropdown-menu > a{ display:flex !important; align-items:center !important; min-height: 50px !important; margin: 0 !important; padding: 10px 14px !important; border: 1px solid #e1e9f0 !important; border-radius: 10px !important; background: #fff !important; color: #21496b !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.6 !important; box-shadow: 0 3px 10px rgba(5,44,79,.035) !important; transition: color .20s ease, border-color .20s ease, background .20s ease !important; } html body.pf-site .pf-header .pf-nav-dropdown-menu > a:hover, html body.pf-site .pf-header .pf-nav-dropdown-menu > a:focus{ color: #db1024 !important; border-color: rgba(236,16,36,.25) !important; background: rgba(236,16,36,.045) !important; } /* * Override old touch-hover/focus rule. * Hover alone must NOT open submenu on mobile. */ html body.pf-site .pf-header .pf-nav-dropdown:not(.is-open):hover > .pf-nav-dropdown-menu, html body.pf-site .pf-header .pf-nav-dropdown:not(.is-open):focus-within > .pf-nav-dropdown-menu{ max-height: 0 !important; padding: 0 10px !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } html body.pf-site .pf-header .pf-nav-dropdown.is-open > .pf-nav-dropdown-toggle{ color: #e81529 !important; } } /* ========================================================== END PADIDAR LOGISTICS MENU TOGGLE V2 ========================================================== */