/*
This is the basis of the modern styles in Apollo.

Created: 3/25/26
Last Updated: 3/25/26
*/

:root {
    --isu-black: #333333;
    --isu-dark: #424242;
    --isu-borders: #e6e7e8;
    --isu-gray-background: #f1f1f1;
    --isu-white: #fff;
    --isu-links: #b82b00;
    --isu-buttons: #d4441c;
    --isu-roarange: #f47920;
    --isu-light-roarange: #f69240;
}


/* These two rules make the page always take the full height, so that theres
 * no whitespace after the footer */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

main#content {
  flex: 1;
}


/* Utility Classes */
.cewt-nav-link { /* Used on navigation links to override ISU styles */
    text-decoration: none;
}

.cewt-nav-btn-link { /* Used on buttons that contain links to override ISU styles */
    text-decoration: none;
}

/* Cap the width of the navbar's brand */
/*
.cewt-navbar-brand { 
    max-width: 20ch !important;
    white-space: unset !important;
    text-decoration: none !important;
    background-color: transparent !important;
    color: rgb(51, 51, 51) !important;
}

.cewt-navbar-brand:hover {
    text-decoration: none !important;
    background-color: transparent !important;
    color: rgb(51, 51, 51) !important;
}
*/


/* The cart button in the top right of the navbar */
.circle-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid var(--isu-light-roarange);
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin: 0 5px 5px 5px;
}

.circle-btn i {
    transition: all 0.3s ease;
}

.circle-btn:hover {
    background-color: var(--isu-light-roarange);
}

.circle-btn:hover i {
    color: white !important;
}

/* The search button beside the input in the top right of the navbar */
.searchbtn {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}