/* Reduce footer menu font size and spacing */
.zplink-list-container .zplink-text {
    font-size: 12px !important;   /* adjust size */
    line-height: 1.4em;           /* tighter line spacing */
    padding: 0 6px;               /* reduce left/right spacing */
}

/* =================================================== */
/* 1. FIX: Search Input Box Background (Removing Red)  */
/* =================================================== */

/* Targets the main search input field using its specific data attribute */
[data-search-input="zptheme-search-input"],
[data-zs-search-input] {
    /* Set background to white */
    background-color: #ffffff !important; 
    
    /* Ensure the text is readable (e.g., black) */
    color: #000000 !important;
    
    /* Set a neutral border color */
    border: 0.5px solid #ccc !important;
}

/* =================================================== */
/* 2. FIX: Search "Go" Button (If it was red)          */
/* =================================================== */

/* Targets common button classes next to the search input */
.zp-search-button,
.zp-search-form .btn {
    /* Set button background to a neutral color */
    background-color: #f7f7f7 !important; 
    
    /* Set button text color */
    color: #000000 !important; 
    
    /* Optional: Match border style */
    border-color: #ccc !important; 
}


/* =================================================== */
/* 3. FIX: Sign In Container & Link (Removing Red Box) */
/* =================================================== */

/* Targets the main container of the sign-in element to remove the box background */
.theme-portal-container {
    background-color: transparent !important; 
    border: none !important;
    padding: 0 !important;
}

/* Targets the content wrapper inside the container */
.theme-portal-content {
    background-color: transparent !important;
    padding: 0 !important;
}

/* Targets the "Sign In" text link itself */
[data-portal-signin] {
    /* **NEW LINE ADDED: Moves the button down by 4 pixels** */
    margin-top: 10px !important;
    /* Set the link color to match your menu text */
    color: #000000 !important; 
    
    /* Ensure it behaves like a normal link/menu item */
    background-color: transparent !important;
    text-decoration: none !important;
}

/* Fix the color when a user hovers over the link */
[data-portal-signin]:hover {
    color: #F7931E !important; /* Change this to your desired hover color */
    background-color: transparent !important;
}