/* PTO Header/Footer Styles — to888.ru */

/* Hide Astra default header/footer on PTO pages */
body.pto-custom-hf .site-header,
body.pto-custom-hf .ast-above-header,
body.pto-custom-hf .ast-below-header,
body.pto-custom-hf .ast-below-header-bar,
body.pto-custom-hf .ast-header-break-point .main-header-bar,
body.pto-custom-hf .site-footer,
body.pto-custom-hf .ast-below-footer,
body.pto-custom-hf .ast-footer,
body.pto-custom-hf .ast-site-header-comp-set,
body.pto-custom-hf .ast-hfb-header,
body.pto-custom-hf .ast-mobile-header-inline{display:none!important}

/* Header */
#pto-header{position:fixed;top:0;left:0;right:0;z-index:9999;background:#0F172A;border-bottom:1px solid rgba(255,255,255,0.1);padding:0 20px}
#pto-header-inner{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:56px}
#pto-phone{color:#fff;font-size:17px;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;flex-shrink:0}
#pto-phone span{color:#F97316;margin-right:4px}

/* Nav desktop — direct ul, no wrapper div */
#pto-nav{flex:1;text-align:center;display:flex;justify-content:center}
#pto-nav ul{display:flex;list-style:none;margin:0;padding:0;justify-content:center;gap:0}
#pto-nav ul li{position:relative}
#pto-nav ul li a{color:#fff!important;font-size:15px;font-weight:500;font-family:Inter,sans-serif;text-decoration:none;padding:17px 16px;display:flex;align-items:center;gap:4px;transition:color 0.2s;box-shadow:none!important;background:none!important}
#pto-nav ul li a:hover{color:#F97316!important}

/* Hide Astra dropdown arrow toggle */
#pto-nav .ast-header-navigation-arrow,
#pto-nav .dropdown-menu-toggle{display:none!important}

/* Dropdown arrow */
#pto-nav .menu-item-has-children > a::after{content:"\25BC";font-size:10px;margin-left:4px;opacity:0.6;display:block}

/* Sub-menu */
#pto-nav ul ul{display:none;position:absolute;top:100%;left:0;background:#1E293B;border-radius:0 0 8px 8px;padding:8px 0;min-width:240px;box-shadow:0 10px 30px rgba(0,0,0,0.3);list-style:none;margin:0;z-index:9999}
#pto-nav ul li:hover > ul{display:block}
#pto-nav ul ul li a{color:#94A3B8!important;font-size:14px;padding:10px 18px;display:block;white-space:nowrap;text-decoration:none;font-family:Inter,sans-serif;transition:color 0.2s,background 0.2s}
#pto-nav ul ul li a:hover{color:#F97316!important;background:rgba(249,115,22,0.1)}

/* CTA */
#pto-cta{display:inline-block;padding:10px 24px;background:#F97316;color:#fff;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;font-family:Inter,sans-serif;transition:background 0.2s;flex-shrink:0;cursor:pointer}
#pto-cta:hover{background:#EA580C}

/* Spacer */
#pto-header-spacer{height:56px}

/* Mobile hamburger */
#pto-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px}

/* Mobile menu overlay */
#pto-mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;bottom:0;background:#0F172A;z-index:9998;overflow-y:auto;padding:20px}
#pto-mobile-menu.active{display:block}
#pto-mobile-menu ul{list-style:none;margin:0;padding:0}
#pto-mobile-menu > ul > li > a{display:block;color:#fff!important;font-size:18px;font-weight:500;font-family:Inter,sans-serif;padding:14px 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.1);background:none!important;box-shadow:none!important}
#pto-mobile-menu > ul > li > a:hover{color:#F97316!important}
#pto-mobile-menu ul ul{padding-left:16px}
#pto-mobile-menu ul ul li a{color:#94A3B8!important;font-size:15px;padding:10px 0;display:block;text-decoration:none;font-family:Inter,sans-serif;border-bottom:1px solid rgba(255,255,255,0.05);background:none!important;box-shadow:none!important}
#pto-mobile-menu ul ul li a:hover{color:#F97316!important}
#pto-mobile-menu .menu-item-has-children > a::after{content:" \25BC";font-size:10px;margin-left:6px;opacity:0.5}
#pto-mobile-menu .ast-header-navigation-arrow,
#pto-mobile-menu .dropdown-menu-toggle{display:none!important}
#pto-mobile-menu .pto-mobile-phone{color:#fff;font-size:20px;font-weight:700;padding:20px 0;font-family:Inter,sans-serif}
#pto-mobile-menu .pto-mobile-phone span{color:#F97316;margin-right:8px}
#pto-mobile-menu .pto-mobile-cta{display:block;text-align:center;padding:14px;background:#F97316;color:#fff;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;font-family:Inter,sans-serif;margin-top:12px}

/* Footer */
#pto-footer{background:#0F172A;padding:0 20px}

/* Responsive */
@media(max-width:768px){
    #pto-phone{display:none}
    #pto-nav{display:none}
    #pto-cta{display:none}
    #pto-mobile-toggle{display:block}
    #pto-header-spacer{height:56px}
    #pto-footer > div:first-child{grid-template-columns:1fr!important}
}
@media(min-width:769px) and (max-width:1024px){
    #pto-phone{display:none}
    #pto-nav ul li a{font-size:13px;padding:17px 10px}
}