/* ======================================================
   WP Forecast - Match Weather Atlas Styling
   ====================================================== */

/* Main Wrapper Box */
.wp-forecast {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    color: #bf951e !important;
    font-family: "Poppins", Sans-serif !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    width: 100% !important;
}

/* Header Bar (City Name) */
.wp-forecast-curr-head {
    padding: 12px 14px !important;
    text-align: center !important;
    background: #06235e !important;
    text-transform: capitalize !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    color: #FFFFFF !important;
    font-family: "Poppins", Sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.wp-forecast-curr-head div {
    color: #FFFFFF !important;
}

/* Current Weather Body Layout */
.wp-forecast-curr {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    padding: 20px 25px !important;
    gap: 15px !important;
}

/* Left Side: Current Icon & Temp */
.wp-forecast-curr-block {
    flex: 1 1 45% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}

.wp-forecast-curr-left img {
    width: 50px !important;
    height: auto !important;
}

.wp-forecast-curr-right {
    font-size: 26px !important;
    font-weight: 400 !important;
    color: #bf951e !important;
    line-height: 1.2 !important;
}

/* Right Side: Detailed Stats */
.wp-forecast-curr-details {
    flex: 1 1 45% !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #bf951e !important;
    line-height: 1.6 !important;
}

.wp-forecast-curr-details div {
    color: #bf951e !important;
    font-family: "Poppins", Sans-serif !important;
}

/* 3-Day Forecast Section (Horizontal Row) */
.wp-forecast-fc {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    border-top: 1px solid #eeeeee !important;
    padding: 15px 10px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.wp-forecast-fc-oneday {
    flex: 1 !important;
    text-align: center !important;
    padding: 0 5px !important;
}

/* Forecast Header & Dates */
.wp-forecast-fc-head {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #bf951e !important;
    margin-bottom: 5px !important;
    text-transform: capitalize !important;
}

/* Hide redundant "Forecast" prefix label */
.wp-forecast-fc-label {
    display: none !important;
}

/* Day Forecast Box */
.wp-forecast-fc-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hide redundant "Day" label text above icon */
.wp-forecast-fc-left div {
    display: none !important;
}

.wp-forecast-fc-left img {
    width: 32px !important;
    height: auto !important;
    margin: 3px 0 !important;
}

.wp-forecast-fc-right {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #bf951e !important;
}