/* Moved from templates/base.html inline styles */
/* Minor inline additions */
.ep-nav .ep-cart-badge{background:var(--ep-primary-soft);color:var(--ep-primary);padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:600;margin-left:4px;}
.ep-lang-select{border:1px solid var(--ep-border);background:#fff;padding:6px 8px;border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.5px;cursor:pointer;}
.ep-layout-wrapper{width:90%; margin:28px auto 0; padding:0;max-width:100%;overflow-x:hidden;box-sizing:border-box;}
.ep-content-area{min-width:0;display:flex;flex-direction:column;gap:32px;margin-bottom:70px;max-width:100%;overflow-x:hidden;}
@media (max-width: 680px){
<<<<<<< HEAD
    .ep-layout-wrapper{width: 100%;margin-top: 0;padding:0;max-width:100vw;overflow-x:hidden;}
    .ep-content-area{max-width:100%;overflow-x:hidden;}
=======
    .ep-layout-wrapper{width: 100%;margin-top: 0;}
    .ep-content-area{gap:0px}
>>>>>>> d57138d21fa306991a45b2c44fe27cbd4c191630
}

/* Hide desktop user menu on small screens, show mobile user block inside nav */
@media (max-width: 680px){
    .ep-user-menu{display:none !important;} /* desktop user actions hidden */
    .ep-nav-user--mobile{display:block !important;} /* ensure mobile block visible */
}

/* On desktop ensure mobile user block hidden */
@media (min-width: 781px){
    .ep-nav-user--mobile{display:none !important;}
}

/* Suggestions dropdown basic styles moved here (if any existed inline) */
.ep-search-suggestions{position:absolute;z-index:90;background:#fff;border:1px solid var(--ep-border);border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.06);max-width:420px;margin-top:6px;display:none;padding:8px;}
.ep-search-suggestions.ep-show{display:block;}
.ep-suggestions-section{padding:6px 0;border-bottom:1px solid #f3f4f6;margin-bottom:6px}
.ep-suggestions-header{font-weight:700;padding:6px 8px;color:var(--ep-text-soft)}
.ep-suggestion-item{display:flex;gap:8px;padding:6px 8px;color:var(--ep-text);text-decoration:none}
.ep-suggestion-item:hover{background:var(--ep-bg-hover);border-radius:6px}

/* Floating FAB moved here */
.ep-feedback-fab{position:fixed;right:18px;bottom:18px;background:var(--ep-primary);color:#fff;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(0,0,0,.12);}

/* Card clickable focus styles */
.ep-card-clickable[role="link"]{cursor:pointer}
.ep-card-clickable:focus{outline:2px solid var(--ep-primary-soft);outline-offset:2px}

/* User menu / auth controls styling (moved from inline styles in templates) */
.ep-nav-auth form.ep-logout-form{display:inline;margin-left:8px}
.ep-nav-auth .ep-btn{margin-left:8px}
.ep-user-compact{font-size:.75rem;font-weight:600;color:var(--ep-text-soft);text-decoration:none}
.ep-user-logout-btn{background:var(--ep-gradient-primary);border:none;color:#fff;padding:8px 14px;border-radius:8px;font-size:.7rem;font-weight:600;cursor:pointer}
.ep-user-login-link{font-size:.75rem;font-weight:600;color:var(--ep-primary);text-decoration:none}
.ep-user-register-btn{font-size:.75rem;font-weight:600;background:var(--ep-gradient-primary);color:#fff;padding:8px 14px;border-radius:8px;text-decoration:none}

/* Utility */
.ep-hidden-mobile{display:none}

/* Container for centered content pages (Terms, Privacy, Cookie) */
.container {
    max-width: 860px;
    margin: 0 auto;
    padding: 48px 32px 64px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.container h1 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--ep-text);
    margin: 0 0 24px;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.container h2 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--ep-text);
    margin: 32px 0 16px;
    letter-spacing: 0.2px;
}

.container h3 {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--ep-text);
    margin: 24px 0 12px;
    letter-spacing: 0.1px;
}

.container p {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--ep-text-soft);
    margin: 0 0 20px;
}

.container ul {
    margin: 0 0 20px;
    padding-left: 24px;
}

.container li {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--ep-text-soft);
    margin-bottom: 8px;
}

.container a {
    color: var(--ep-primary);
    text-decoration: underline;
    transition: color 0.2s;
}

.container a:hover {
    color: var(--ep-primary-accent);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding: 32px 20px 48px;
        border-radius: 0;
    }

    .container h1 {
        font-size: 1.8rem;
    }

    .container h2 {
        font-size: 1.2rem;
    }
}

/* Mobile search bar styling improvements - Fix overflow */
@media (max-width: 980px) {
    .ep-header-inner {
        height: auto !important;
        min-height: 64px;
        padding: 8px 16px !important;
    }

    .ep-search-bar {
        margin-top: 8px;
        padding-bottom: 8px;
    }

    .ep-search-bar form {
        width: 100%;
    }

    .ep-search-bar input {
        width: 100% !important;
        padding: 10px 100px 10px 14px !important;
        font-size: 0.85rem !important;
        border-radius: 10px !important;
    }

    .ep-search-bar button {
        padding: 7px 14px !important;
        font-size: 0.7rem !important;
        border-radius: 8px !important;
        right: 5px !important;
    }
}

@media (max-width: 640px) {
    .ep-header-inner {
        padding: 6px 12px !important;
    }

    .ep-search-bar {
        margin-top: 6px;
        padding-bottom: 6px;
    }

    .ep-search-bar form {
        width: 100%;
    }

    .ep-search-bar input {
        width: 100% !important;
        padding: 9px 85px 9px 12px !important;
        font-size: 0.8rem !important;
        border-radius: 10px !important;
    }

    .ep-search-bar button {
        padding: 6px 10px !important;
        font-size: 0.65rem !important;
        border-radius: 7px !important;
        right: 4px !important;
    }
}