/* Custom Bars Manager - Optimized CSS v1.2.0 */

/* Base Styles */
.custom-top-bar,.custom-bottom-bar{position:fixed;left:0;right:0;width:100%;z-index:999999;display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;line-height:1.4}

.custom-top-bar{top:0}
.custom-bottom-bar{bottom:0}

.custom-bar-content{width:100%;max-width:1200px;margin:0 auto;padding:10px 20px;text-align:center;position:relative}

/* Typography Reset */
.custom-top-bar p,.custom-bottom-bar p{margin:0;padding:0;font-size:14px;line-height:1.4}

.custom-top-bar h1,.custom-top-bar h2,.custom-top-bar h3,.custom-top-bar h4,.custom-top-bar h5,.custom-top-bar h6,.custom-bottom-bar h1,.custom-bottom-bar h2,.custom-bottom-bar h3,.custom-bottom-bar h4,.custom-bottom-bar h5,.custom-bottom-bar h6{margin:0;padding:0;font-weight:bold;line-height:1.2}

/* Links */
.custom-top-bar a,.custom-bottom-bar a{color:inherit;text-decoration:underline;transition:opacity .3s ease}

.custom-top-bar a:hover,.custom-bottom-bar a:hover{opacity:.8;text-decoration:none}

/* Buttons */
.custom-top-bar .btn,.custom-top-bar button,.custom-bottom-bar .btn,.custom-bottom-bar button{display:inline-block;padding:8px 16px;margin:0 5px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:4px;color:inherit;text-decoration:none;font-size:13px;font-weight:normal;cursor:pointer;transition:all .3s ease}

.custom-top-bar .btn:hover,.custom-top-bar button:hover,.custom-bottom-bar .btn:hover,.custom-bottom-bar button:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}

/* Close Button */
.custom-bar-close{position:absolute;top:50%;right:15px;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;transition:opacity .3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center}

.custom-bar-close:hover{opacity:1}

/* Animations */
.custom-bar-slide-down{animation:slideDown .3s ease-out}
.custom-bar-slide-up{animation:slideUp .3s ease-out}

@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}

/* DIVI Compatibility */
body.et_divi_theme .custom-top-bar,body.et_extra .custom-top-bar{font-family:'Open Sans',Arial,sans-serif}

body.custom-top-bar-active.et_fixed_nav #main-header{transition:top .3s ease}
body.custom-top-bar-active #et-main-area{padding-top:0}

/* Utility Classes */
.custom-bar-content .text-left{text-align:left!important}
.custom-bar-content .text-center{text-align:center!important}
.custom-bar-content .text-right{text-align:right!important}

/* Flexbox Layout */
.custom-bar-flex{display:flex;align-items:center;justify-content:space-between;width:100%}

.custom-bar-flex .flex-left,.custom-bar-flex .flex-center,.custom-bar-flex .flex-right{flex:1}

.custom-bar-flex .flex-center{text-align:center}
.custom-bar-flex .flex-right{text-align:right}

/* Social Icons */
.custom-bar-social{display:inline-flex;gap:10px;align-items:center}

.custom-bar-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);text-decoration:none!important;transition:all .3s ease}

.custom-bar-social a:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}

/* Responsive */
@media (max-width:767px){
    .custom-top-bar .custom-bar-content,.custom-bottom-bar .custom-bar-content{padding:8px 15px}
    
    .custom-top-bar p,.custom-bottom-bar p{font-size:13px}
    
    .custom-top-bar .btn,.custom-top-bar button,.custom-bottom-bar .btn,.custom-bottom-bar button{padding:6px 12px;font-size:12px;margin:2px 3px}
    
    .custom-bar-close{right:10px;width:24px;height:24px;font-size:16px}
    
    .custom-bar-flex{flex-direction:column;gap:5px}
    
    .custom-bar-flex .flex-left,.custom-bar-flex .flex-center,.custom-bar-flex .flex-right{text-align:center}
}

@media (min-width:768px) and (max-width:1024px){
    .custom-top-bar .custom-bar-content,.custom-bottom-bar .custom-bar-content{padding:10px 18px}
}

/* Print Styles */
@media print{
    .custom-top-bar,.custom-bottom-bar{display:none!important}
}

/* Accessibility */
@media (prefers-reduced-motion:reduce){
    .custom-bar-slide-down,.custom-bar-slide-up,.custom-top-bar .btn,.custom-top-bar button,.custom-bottom-bar .btn,.custom-bottom-bar button,.custom-bar-close,.custom-bar-social a{animation:none;transition:none}
}

/* High Contrast Mode */
@media (prefers-contrast:high){
    .custom-top-bar,.custom-bottom-bar{border:2px solid;filter:contrast(1.2)}
    
    .custom-top-bar a,.custom-bottom-bar a{text-decoration:underline!important}
}

/* Dark Mode Support */
@media (prefers-color-scheme:dark){
    .custom-top-bar .btn,.custom-top-bar button,.custom-bottom-bar .btn,.custom-bottom-bar button{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}
    
    .custom-top-bar .btn:hover,.custom-top-bar button:hover,.custom-bottom-bar .btn:hover,.custom-bottom-bar button:hover{background:rgba(255,255,255,.25)}
}