/* Super Farmers Header - Frontend Styles */
/* Most styles are inline via PHP for dynamic colors */
/* This file is for any additional frontend-specific styles */

.sf-header-container {
    font-family: "Cairo", system-ui, -apple-system, sans-serif;
}

.sf-header-container * {
    box-sizing: border-box;
}

.sf-header-container a {
    text-decoration: none;
    color: inherit;
}

.sf-header-container img {
    display: block;
    max-width: 100%;
}

.sf-header-container button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

/* Smooth transitions */
.sf-icon-btn,
.sf-search__btn,
.sf-nav__links a,
.sf-nav__help a {
    transition: all 0.15s ease;
}

/* Focus states for accessibility */
.sf-search__field input:focus {
    outline: none;
}

.sf-icon-btn:focus,
.sf-search__btn:focus,
.sf-nav__links a:focus,
.sf-burger:focus {
    outline: 2px solid var(--green, #2f8a3e);
    outline-offset: 2px;
}

/* Animation for topbar items */
.sf-top-item {
    animation: fadeInTop 0.5s ease forwards;
    opacity: 0;
}

.sf-top-item:nth-child(1) { animation-delay: 0.1s; }
.sf-top-item:nth-child(2) { animation-delay: 0.2s; }
.sf-top-item:nth-child(3) { animation-delay: 0.3s; }
.sf-top-item:nth-child(4) { animation-delay: 0.4s; }
.sf-top-item:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeInTop {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 0.96;
        transform: translateY(0);
    }
}

/* Hover effects */
.sf-brand:hover .sf-brand__name {
    color: var(--green, #2f8a3e);
}

.sf-brand:hover .sf-brand__logo {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Search focus glow */
.sf-search:focus-within {
    box-shadow: 0 0 0 3px rgba(47, 138, 62, 0.15);
}

/* Mobile menu animation */
@media (max-width: 820px) {
    .sf-burger {
        transition: all 0.2s ease;
    }

    .sf-burger:hover {
        background: var(--green-soft, #eef6ef);
        border-color: var(--green, #2f8a3e);
        color: var(--green, #2f8a3e);
    }

    .sf-search {
        transition: all 0.2s ease;
    }

    .sf-search:focus-within {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }
}

/* Print styles */
@media print {
    .sf-topbar,
    .sf-nav__help,
    .sf-burger {
        display: none !important;
    }

    .sf-main .sf-header-wrap {
        height: 70px !important;
    }
}