/* Header color and alignment fixes */
.doresc-sa-cumpar::placeholder {
    color: #6e6e6e !important;
}

.contul-meu-link,
.cosul-meu-link {
    color: #6e6e6e !important;
}

.contul-meu,
.cosul-meu {
    color: #6e6e6e !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 24px !important;
}

/* Blue bar styles */
.meniu-principal {
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;
    background-color: #2034ad !important;
    display: flex !important;
    align-items: center !important;
}

.meniu-principal .header-container-wrapper {
    height: 55px !important;
    display: flex !important;
    align-items: center !important;
}

.meniu-principal .frame-parent,
.meniu-principal .phone-parent {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

.meniu-principal .despre-noi-servicii-vanzar-wrapper {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
}

.meniu-principal .categorii,
.meniu-principal .despre-noi,
.meniu-principal .div {
    color: #fff !important;
}

/* Fix specific elements without breaking everything */
.meniu-principal .frame-parent,
.meniu-principal .despre-noi-servicii-vanzar-wrapper,
.meniu-principal .phone-parent {
    padding: 0 10px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.meniu-principal .categorii,
.meniu-principal .despre-noi,
.meniu-principal .div {
    margin: 0 !important;
    padding: 0 5px !important;
    line-height: 55px !important;
}

/* Green header modifications - desktop layout */
@media (min-width: 769px) {
    .header-contact .email-section {
        position: absolute !important;
        left: -30px !important; /* Moved 50px to the left (was 20px, now -30px) */
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #2034ad !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        transition: color 0.3s ease !important;
    }

    .header-contact .email-section:hover {
        /* Removed translateX movement */
    }

    .header-contact .email-section .contact-text {
        font-size: 15px !important;
        color: #2034ad !important;
        font-weight: 500 !important;
        transition: color 0.3s ease !important;
    }

    .header-contact .email-section:hover .contact-text {
        color: #152470 !important;
    }

    .header-contact .delivery-section {
        position: absolute !important;
        right: -47px !important;  /* Moved 7px more to the right (was -40px, now -47px) */
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        z-index: 1 !important;
        background: rgba(255, 255, 255, 0.15) !important;
        padding: 6px 14px !important;
        border-radius: 20px !important;
        border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
        transition: all 0.3s ease !important;
    }

    .header-contact .delivery-section:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
        transform: translateY(-50%) scale(1.05) !important;
    }

    .header-contact .delivery-section .delivery-icon {
        width: 24px !important;
        height: 24px !important;
        transition: transform 0.3s ease, filter 0.3s ease !important;
        flex-shrink: 0 !important;
        display: block !important;
    }

    .header-contact .delivery-section:hover .delivery-icon {
        transform: translateX(3px) !important;
        filter: drop-shadow(0 2px 6px rgba(21, 36, 112, 0.35)) !important;
    }

    .header-contact .delivery-section .delivery-text {
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
        text-transform: uppercase !important;
        font-size: 14px !important;
    }
    .header-contact .email-section .contact-icon {
        width: 22px !important;
        height: 22px !important;
        filter: hue-rotate(240deg) saturate(2) brightness(0.7) !important;
        transition: filter 0.3s ease !important;
    }

    .header-contact .email-section:hover .contact-icon {
        filter: hue-rotate(240deg) saturate(2.5) brightness(0.6) !important;
    }
}

/* Responsive positioning for email */
@media (min-width: 1200px) {
    .header-contact .email-section {
        left: -73px !important;  /* Moved 3px more to the left */
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .header-contact .email-section {
        left: -73px !important;
    }
}

/* Responsive positioning for delivery */
@media (min-width: 1200px) {
    .header-contact .delivery-section {
        right: -47px !important;  /* Moved 7px more to the right */
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .header-contact .delivery-section {
        right: -47px !important;
    }
}

@media (max-width: 991px) {
    .header-contact {
        padding-left: calc(env(safe-area-inset-left) + clamp(6px, 3vw, 16px)) !important;
        padding-right: calc(env(safe-area-inset-right) + clamp(6px, 3vw, 16px)) !important;
    }

    .header-contact .header-container-wrapper {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .header-contact .contact-item.email-section,
    .header-contact .contact-item.delivery-section {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: clamp(34px, 9vw, 42px) !important;
        height: clamp(34px, 9vw, 42px) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.22) !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
        color: #2034ad !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12) !important;
        text-decoration: none !important;
    }

    .header-contact .contact-item.email-section {
        left: calc(env(safe-area-inset-left) + clamp(6px, 3vw, 18px)) !important;
    }

    .header-contact .contact-item.delivery-section {
        right: calc(env(safe-area-inset-right) + clamp(6px, 3vw, 18px)) !important;
    }

    .header-contact .contact-item svg {
        width: 20px !important;
        height: 20px !important;
        display: block !important;
    }

    .header-contact .contact-item svg * {
        stroke: currentColor !important;
    }

    .header-contact .contact-text,
    .header-contact .delivery-text {
        display: none !important;
    }

    .header-contact .buton-reduceri {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    .header-contact .buton-reduceri .promotii-reduceri {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding: 14px 24px 6px !important;
        min-height: 40px !important;
        border-radius: 999px !important;
        background: linear-gradient(135deg, #ff4d4f 0%, #ff0000 100%) !important;
        color: #ffffff !important;
        font-size: clamp(13px, 3.6vw, 15px) !important;
        font-weight: 700 !important;
        letter-spacing: 0.6px !important;
        text-transform: uppercase !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        box-shadow: 0 6px 16px rgba(255, 0, 0, 0.25) !important;
    }

    .header-contact .buton-reduceri .promotii-reduceri .promotii-label {
        display: inline-block !important;
        transform: translateY(10px) !important;
    }

    .header-contact .buton-reduceri .promotii-reduceri .promotii-flash-icon {
        width: 14px !important;
        height: 14px !important;
        color: #ffffff !important;
        display: inline-block !important;
        transform: translateY(6px) !important;
    }
}