/* =========================================================================
   hdse.net — Custom Styles for Bootstrap 5.3
   Migrated from customized Bootstrap 3.3.2 (bstrap.css)
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Base / Page
   ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
   1. Base / Page
   ------------------------------------------------------------------------- */
:root {
    --hdse-gold:        #FFBA00;
    --hdse-gold-hover:  #F0AB00;
    --hdse-blue:        #7697F0;
    --hdse-bg-page:     rgba(118, 151, 240, 1);
    --hdse-border:      #CCCCCC;
    --hdse-border-dark: #B0B0B0;
    --hdse-text:        #333333;
}

html, body {
    min-height: 100vh;
    background-color: var(--hdse-bg-page);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html {
    font-size: 93.75%;
}

body {
    font-family: Arial, sans-serif;
    color: var(--hdse-text);
    margin: 0;
}

/* -------------------------------------------------------------------------
   2. Headings (hdse brand typography)
   ------------------------------------------------------------------------- */
h1, .h1 {
    font-size: 1.6rem;
    color: var(--hdse-gold);
    font-weight: bold;
}

h2, .h2 {
    font-size: 1.3rem;
    color: var(--hdse-blue);
    font-weight: bold;
}

h3, .h3 {
    font-size: 1.1rem;
    color: #000;
    font-weight: bold;
}

h4, .h4,
h5, .h5,
h6, .h6 {
    color: #000;
    font-weight: bold;
}

/* -------------------------------------------------------------------------
   3. Container / Border wrappers
   ------------------------------------------------------------------------- */
.WithBorderOuter {
    border: 3px solid var(--hdse-border);
    border-radius: 10px;
    background-color: rgba(241, 241, 241, 1);
}

.WithBorderInner {
    border: 1px solid var(--hdse-border);
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
}

/* Optional: legacy alias */
.WithBorder {
    border: 3px solid var(--hdse-border);
    border-radius: 10px;
}

/* Container-level 2 (used on sub-pages) */
.containerL2 {
    background-color: #fff;
    padding-right: 10px;
    border-left:   3px solid var(--hdse-border-dark);
    border-right:  3px solid var(--hdse-border-dark);
    border-bottom: 3px solid var(--hdse-border-dark);
    overflow: auto;
}

/* -------------------------------------------------------------------------
   4. hdse Buttons
   ------------------------------------------------------------------------- */

/* Full-width menu button */
.btn-hdse-menue {
    width: 100%;
}

/* Gold primary hdse button */
.btn-hdse {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 var(--hdse-gold);
    --bs-btn-border-color:       var(--hdse-border);
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           var(--hdse-gold-hover);
    --bs-btn-hover-border-color: var(--hdse-border);
    --bs-btn-active-color:       #fff;
    --bs-btn-active-bg:          var(--hdse-gold-hover);
    --bs-btn-active-border-color:var(--hdse-border);
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        var(--hdse-gold-hover);
    --bs-btn-disabled-border-color: var(--hdse-border);
}

/* Blue "current page" button */
.btn-hdse-current {
    --bs-btn-color:              #fff;
    --bs-btn-bg:                 var(--hdse-blue);
    --bs-btn-border-color:       var(--hdse-border);
    --bs-btn-hover-color:        #fff;
    --bs-btn-hover-bg:           #5e7fd6;
    --bs-btn-hover-border-color: var(--hdse-border);
    --bs-btn-disabled-color:     #fff;
    --bs-btn-disabled-bg:        var(--hdse-blue);
    --bs-btn-disabled-border-color: var(--hdse-border);
    --bs-btn-disabled-opacity:   1;
}

/* -------------------------------------------------------------------------
   5. Utility color helpers (medal / rank colors)
   ------------------------------------------------------------------------- */
.bronze { background-color: rgba(165, 125, 61, 1); }
.silver { background-color: rgba(203, 203, 203, 1); }
.gold   { background-color: rgba(239, 170, 0, 1); }

/* -------------------------------------------------------------------------
   6. Footer
   ------------------------------------------------------------------------- */
.hdseFooter {
    text-align: center;
    width: 100%;
    font-size: 0.75rem;   /* ~10px */
    color: #999;
}

/* -------------------------------------------------------------------------
   7. Misc helpers still in use
   ------------------------------------------------------------------------- */
.HyperLinkDisabled,
.HyperLinkDisabled:hover,
.HyperLinkDisabled:focus {
    text-decoration: none;
    color: var(--hdse-text);
    cursor: default;
}

/* Banner block (only if you still use .banner in markup) */
.banner {
    padding: 5px;
    background: url(../img/ivu-header.png?1) #ededee 0 0;
    border-top: 5px solid #c7c7c7;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.1em;
    color: #000;
    font-weight: bold;
}
.banner img,
.banner input { float: right; }