@charset "UTF-8";
/* Your custom styles */
.detail h5,h2 {
    color:#222;
    text-align: center;
}

.detail a {
    text-align: center;
}

.box_style_general {
    margin-top: 30px;
}

.product .wishlist a {
    color:#f26522;
}

.product .wishlist {
    top: 3px;
    right: 4px;
}

/* Price alert - same styles as wishlist but below it */
.price-alert {
    position: absolute;
    top: 55px;
    right: 18px;
}

.price-alert a {
    display: block;
    width: 16px;
    height: 32px;
    color: #fff;
    text-align: center;
    padding: 0;
    line-height: 1;
}

.price-alert .tooltip-item:before {
    font-family: "fontello";
    content: "\e85d"; /* icon-bell */
    font-size: 24px;
}

.price-alert a:hover {
    color: #f26522;
}

.price-alert a.active {
    color: #E0632F;
}

.price-alert a.active .tooltip-item:before {
    content: "\e85e"; /* icon-bell-alt filled */
}

.product .price-alert a {
    color:#f26522;
}

.product .price-alert {
    top: 40px;
    right: 4px;
}

/* Price alert icon in header */
#primary_nav #price-alerts {
    font-size: large;
}

@media only screen and (max-width: 768px) {
    ul#primary_nav li#price-alerts a {
        width: 18px;
        height: 18px;
        font-size: 20px;
        text-indent: -9999px;
        position: relative;
    }
    
    ul#primary_nav li#price-alerts a:before {
        font-family: "fontello";
        text-indent: 0;
        position: absolute;
        left: 0;
        top: 2px;
        content: '\e85d';
        font-weight: bold;
    }
    
    ul#primary_nav li#price-alerts a .badge {
        text-indent: 0;
        position: absolute;
        top: -8px;
        right: -8px;
    }
}

.col-md-6 {
    padding-right: 20px;
    padding-left: 20px;
}

.legal h3 {
    color:#222;
}

.legal .panel-collapse {
    display: block !important;
    height: auto !important;
}

.legal .accordion-toggle i.indicator::before {
    content: "\e052"; /* Use the minus icon character */
}

/* Top advertisers section */
.box_cat.advertiser-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 150px;
    background: #fff;
    border: 1px solid #ededed;
    padding: 30px 20px;
    transition: all 0.3s ease;
}

.box_cat.advertiser-grid a:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    border-color: #ddd;
}

.box_cat.advertiser-grid a img {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Fix white text in homepage products tabs */
.homepage-products h2 {
    color: #333 !important;
}

.homepage-products h3 {
    color: #333 !important;
}

.homepage-products small {
    color: #777 !important;
}

/* Center "Cum Funcționează" section */
.parallax_window_home .features {
    display: block;
}

/* Apply flex only on tablets and larger */
@media (min-width: 768px) {
    .parallax_window_home .features {
        display: flex;
        justify-content: center;
        align-items: stretch;
    }
    
    .parallax_window_home .features .col-sm-4 {
        display: flex;
    }
}

.parallax_window_home .features .col-sm-4 > div {
    width: 100%;
    text-align: center;
}

/* Product detail page - add bottom spacing for image */
.magnific-gallery {
    padding-bottom: 30px;
}

/* Cookie Consent Banner - GDPR & Legea 506/2004 */
#cookie-consent-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    padding: 20px;
    border-top: 3px solid #ed145b;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.cookie-consent-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
}

.cookie-close {
    position: absolute;
    top: -10px;
    right: 0;
    background: none;
    border: none;
    font-size: 32px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 1;
    transition: color 0.2s;
}

.cookie-close:hover {
    color: #333;
}

.cookie-icon {
    flex-shrink: 0;
    color: #ed145b;
}

.cookie-text {
    flex: 1;
    padding-right: 40px;
}

.cookie-text h4 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.cookie-text p {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.cookie-text a {
    color: #ed145b;
    text-decoration: underline;
}

.cookie-text a:hover {
    color: #ed145b;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.cookie-btn {
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.cookie-btn svg {
    flex-shrink: 0;
}

.cookie-accept {
    background: #ed145b;
    color: #fff;
}

.cookie-accept:hover {
    background: #ed145b;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(242, 101, 34, 0.3);
}

.cookie-reject {
    background: #e0e0e0;
    color: #333;
}

.cookie-reject:hover {
    background: #ccc;
}

/* Footer styles */
.footer-copyright {
    margin: 0;
    font-size: 13px;
    color: #999;
}

.footer-legal {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #888;
}

.alert-newsletter {
    margin-bottom: 10px;
}

/* Newsletter form - inline layout */
#newsletter form {
    width: 100%;
}

#newsletter .form-group {
    margin-bottom: 0;
}

#newsletter .form-group input[type="email"] {
    width: 60%;
    float: left;
}

#newsletter .form-group input[type="submit"] {
    width: 38%;
    float: left;
    margin-left: 2%;
}

/* Clear floats */
#newsletter .form-group::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile responsive */
@media (max-width: 767px) {
    #newsletter .form-group input[type="email"],
    #newsletter .form-group input[type="submit"] {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 10px;
    }
}

/* Mobile responsiveness for cookie banner */
@media (max-width: 768px) {
    #cookie-consent-banner {
        padding: 15px;
    }

    .cookie-consent-content {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

    .cookie-icon {
        order: -1;
    }

    .cookie-text {
        padding-right: 0;
    }

    .cookie-text h4 {
        font-size: 16px;
    }

    .cookie-text p {
        font-size: 13px;
    }

    .cookie-buttons {
        flex-direction: column;
        width: 100%;
    }

    .cookie-btn {
        width: 100%;
        justify-content: center;
    }

    .cookie-close {
        top: 5px;
        right: 5px;
    }
}

@media (max-width: 480px) {
    .cookie-btn {
        padding: 10px 16px;
        font-size: 13px;
    }
}

/* Listing page styles */
.sort-select {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.filter-heading-empty {
    padding: 0;
    text-align: center;
    color: #555;
}

.filter-list-no-padding {
    padding-left: 0;
}

.brand-filter-container-hidden {
    display: none;
}

.brand-heading {
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: 400;
}

/* Font optimization - swap for FOUT instead of FOIT */
@font-face {
    font-display: swap;
}

.brand-filter-list {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Image optimization for better loading */
.img-responsive {
    height: auto;
    max-width: 100%;
}

.img_wrapper img {
    display: block;
}

.price-strikethrough {
    text-decoration: line-through;
    color: #999;
}

.advertiser-name-heading {
    margin: 0;
    color: #333;
}

/* Accessibility improvements */
/* Touch targets - minimum 48x48px for mobile */
.cookie-btn {
    min-height: 48px;
    min-width: 120px;
    padding: 12px 24px;
    margin: 8px 8px 8px 0;
    touch-action: manipulation;
}

/* Improve contrast for small text */
.home-cta-login-text,
.home-cta-login-link {
    color: #333 !important;
    font-weight: 500;
}

footer p {
    color: #555;
}

.footer-copyright,
.footer-legal {
    color: #666 !important;
}

/* Tab navigation contrast fix */
.tabs nav a {
    color: #0e6b62 !important; /* Darker green for better contrast */
    font-weight: 500;
}

.tabs nav a span {
    color: #0e6b62 !important;
}

.tabs nav li.tab-current a,
.tabs nav li.tab-current a span {
    color: #fff !important; /* White on green background - excellent contrast */
}

/* Button contrast improvements */
.button_2,
.home-cta-button {
    background-color: #0e6b62 !important; /* Darker for better contrast */
    color: #fff !important;
    font-weight: 600;
}

.button,
input[type="submit"].button {
    background-color: #0e6b62 !important;
    color: #fff !important;
    font-weight: 600;
}

/* Cookie banner text contrast */
#cookie-consent-banner p,
#cookie-consent-banner {
    color: #222 !important; /* Much darker for readability */
}

#cookie-consent-banner a {
    color: #0e6b62 !important;
    font-weight: 600;
    text-decoration: underline;
}

.cookie-accept {
    background-color: #0e6b62 !important;
    color: #fff !important;
    font-weight: 600;
}

/* Debug styles - commented out by default */
.manual-load-debug {
    padding: 20px;
}

.manual-load-btn-debug {
    display: none;
}

/* Empty state styles (wishlist, price alerts) */
.empty-state {
    padding: 80px 20px;
}

.empty-state-icon {
    font-size: 80px;
    color: #ccc;
    margin-bottom: 20px;
}

.empty-state-title {
    margin-bottom: 15px;
}

.empty-state-text {
    color: #666;
    font-size: 16px;
    margin-bottom: 30px;
}

.empty-state-heart-accent {
    color: #E0632F;
}

.empty-state-button {
    display: inline-block;
}

/* Price alert specific styles */
.price-drop-indicator {
    color: #28a745;
    font-size: 13px;
    display: block;
    margin-top: 3px;
}

.alert-date {
    font-size: 11px;
    color: #999;
    margin-top: 3px;
}

/* Home page styles */
.home-search-row {
    margin-bottom: 30px;
}

.home-search-form-group {
    position: relative;
}

.home-search-input {
    padding-right: 50px;
    height: 50px;
    font-size: 16px;
    border: 2px solid #ededed;
    border-radius: 25px;
}

.home-search-button {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: #ed145b;
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.home-cta-box {
    padding: 40px 20px;
    background: #f8f8f8;
    border-radius: 8px;
}

.home-cta-title {
    margin-bottom: 20px;
    color: #333;
}

.home-cta-text {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.home-cta-button-wrapper {
    margin-bottom: 15px;
}

.home-cta-button {
    display: inline-block;
    padding: 12px 40px;
}

.home-cta-login-text {
    color: #999;
}

.home-cta-login-link {
    color: #f26522;
}

/* Account page styles */
.account-status-subscribed {
    color: #28a745;
}

.account-status-unsubscribed {
    color: #6c757d;
}

.button-logout {
    background-color: #6c757d;
}

.button-delete {
    background-color: #dc3545;
}

/* Newsletter unsubscribe styles */
.unsubscribe-icon-success {
    font-size: 60px;
    color: #28a745;
    margin-bottom: 20px;
}

.unsubscribe-icon-error {
    font-size: 60px;
    color: #dc3545;
    margin-bottom: 20px;
}

.unsubscribe-message {
    margin: 20px 0;
}

.unsubscribe-note {
    color: #666;
}

.unsubscribe-action {
    margin-top: 30px;
}

/* Login/Register page styles */
.auth-helper-text {
    margin-top: 15px;
    color: #555;
}

/* Unsubscribe button warning */
.button-warning {
    background-color: #ffc107;
}

/* Product detail page styles */
.product-variations {
    margin: 20px 0;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #ededed;
    border-radius: 5px;
}

.product-variations-title {
    margin-top: 0;
    font-size: 16px;
    color: #333;
}

.variation-option {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 3px;
    transition: all 0.3s;
    background-color: transparent;
}

.variation-option.active {
    border-color: #f26522;
    background-color: #fff5f0;
}

.variation-option:hover {
    border-color: #f26522;
    background-color: #fffaf5;
}

.variation-option input[type="radio"] {
    margin-right: 8px;
}

.variation-label {
    font-weight: 500;
}

.variation-price-strikethrough {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
}

.variation-code {
    font-size: 11px;
    color: #999;
    margin-left: 5px;
}

.variation-discount-badge {
    background: #f26522;
    color: white;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 5px;
}

.price-alert-wrapper {
    margin-left: 10px;
}

.section-title-dark {
    color: #222;
}

.carousel-center {
    text-align: center;
}

.related-product-price-original {
    text-decoration: line-through;
    color: #999;
}

.related-product-price-discounted {
    color: #f26522;
    font-weight: bold;
}

.related-product-price-regular {
    font-weight: bold;
}

.accessory-price-original {
    text-decoration: line-through;
    color: #999;
}

.accessory-price-discounted {
    color: #f26522;
    font-weight: bold;
    font-size: 18px;
}

.accessory-price-regular {
    font-weight: bold;
    font-size: 18px;
}

/* Advertiser carousel styles */
.advertiser-carousel-container {
    padding: 20px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.advertiser-logo-image {
    max-height: 120px;
    max-width: 100%;
    object-fit: contain;
}

.advertiser-name-box {
    padding: 40px 20px;
    text-align: center;
}

.advertiser-name-title {
    margin: 0;
    color: #333;
    font-size: 16px;
}
header {
    padding:0;
}

ul#primary_nav{
    margin: 21px;
    margin-right: 50px;
}

.cmn-toggle-switch{
    top: 24px;
}

body#login header{
    background: #000;
}

body#login header.sticky {
    background: #000;
}

#header_menu {
    padding:0;
}

#header_menu img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
}

#logo img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 70px;
}

@media only screen and (max-width : 767px) {
    a#logo img{
        width: 244px;
        height: auto;
        margin: 10px -65px;
    }
}