/* 1. ጠቅላላ የገጹ መልክ (Global Styles) */
body {
    background-color: #88a4c0; /* በጣም ለስላሳ ግራጫ - ለዓይን አይከብድም */
    color: #485a79; /* ጥቁር ግራጫ ጽሁፍ - ከነጭ ጋር አይጋጭም */
    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
}

/* 2. አናት ላይ ያለው ሜኑ (Navbar) */
nav {
    background-color: rgba(237, 230, 230, 0.9) !important;
    backdrop-filter: blur(10px); /* ከበስተጀርባው ያለውን ነገር ብዥ ያደርጋል - ዘመናዊ ነው */
    border-bottom: 1px solid #656805;
}

/* 3. ዋናው የትዕዛዝ ሳጥን (Order Form Section) */
#order-form {
    background: #ffffff;
    border: 1px solid #021630;
    border-radius: 24px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(4, 65, 100, 0.1);
    padding: 2.5rem;
}

/* 4. የመጻፊያ ሳጥኖች (Input Fields) */
input, textarea {
    background-color: #bedaf5 !important;
    border: 1px solid #84b2ea !important;
    color: #334155 !important;
    transition: all 0.3s ease;
}

input:focus, textarea:focus {
    background-color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    outline: none;
}

/* 5. ዋናው "ትዕዛዝ ላክ" በተን (Primary Button) */
button[onclick="sendOrderEmail()"] {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%) !important;
    border: none;
    color: white;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

button[onclick="sendOrderEmail()"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(234, 88, 12, 0.3);
}
body {
    background-color: rgb(110, 110, 24) !important;
}