/* ZekaTech Mail Custom Branding */

/* Replace Roundcube logo with ZekaTech logo */
#logo, #menu-logo {
    background: url('/skins/elastic/images/zekatech-logo.png') no-repeat center !important;
    background-size: contain !important;
    width: 200px !important;
    height: 60px !important;
    display: block !important;
    margin: 0 auto 30px !important;
}

/* Adjust menu logo size */
#menu-logo {
    width: 150px !important;
    height: 40px !important;
    margin: 10px auto !important;
}

/* Hide the default SVG logo */
#logo svg, #menu-logo svg {
    display: none !important;
}

/* Customize login page with darker background for white logo */
body.login {
    background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
}

/* Make login form stand out */
body.login #layout-content {
    background: transparent;
}

body.login #login-form {
    background: white;
}

#login-form {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-radius: 10px;
}

#login-form .box-inner {
    padding: 40px;
}

/* Style the login button */
#login-form button.mainaction {
    background: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s;
}

#login-form button.mainaction:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(52,152,219,0.3);
}

/* Hide version info, about link, and support link */
#layout-content > .footer,
.about-link,
#rcmversion,
.support-link,
a[href*="support"] {
    display: none !important;
}

/* Customize the header in mail interface */
#layout-header .header-title {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Custom footer */
#layout-content:after {
    content: "© 2025 ZekaTech. All rights reserved.";
    display: block;
    text-align: center;
    padding: 20px;
    color: #666;
    font-size: 12px;
}

/* Improve overall styling */
.toolbar a.button {
    border-radius: 4px;
    transition: all 0.2s;
}

.toolbar a.button:hover {
    background-color: #3498db;
    color: white;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}