/* Iberia Eclipse — minimal brand theme for osTicket client portal. Tokens from iberiaeclipse.com. */
@font-face{font-family:"Haben Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url("../../brand/fonts/HabenGrotesk-Bold.woff2") format("woff2");}
@font-face{font-family:"Haben Grotesk";font-weight:800;font-style:normal;font-display:swap;src:url("../../brand/fonts/HabenGrotesk-Extra.woff2") format("woff2");}
:root{--ie-paper:#f6f4e8;--ie-ink:#22253a;--ie-ink-soft:#1F2A5C;--ie-ember:#F4A93C;--ie-smoke:#E2D6B8;--ie-mist:#DCE2EC;}

/* page */
body{background:var(--ie-paper) !important;color:var(--ie-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;}
#container{background:transparent !important;box-shadow:none !important;border:0 !important;}

/* headings -> brand display font */
h1,h2,h3,#content h1,#content h2,#content h3,.pageheader h2{font-family:"Haben Grotesk",Arial,sans-serif;color:var(--ie-ink);letter-spacing:-.01em;}

/* header + logo (minimal, no border) */
#header{background:var(--ie-paper) !important;border-bottom:0 !important;}
#header #logo{display:inline-flex !important;align-items:center;height:71px;}
#header #logo img{content:url("../../brand/ie-logo.svg") !important;height:46px !important;max-height:46px !important;width:auto !important;display:inline-block !important;vertical-align:middle;}

/* MINIMAL content: no card/border/shadow, more top margin */
#content{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;margin-top:34px !important;}
#content table,#content td,#content th,#content tr,#content tbody,#content thead{border:0 !important;background:transparent !important;}
#content hr{display:none !important;}
.tip_box,.info-banner{background:transparent !important;border:0 !important;}

/* links */
a{color:var(--ie-ink-soft);}
a:hover{color:var(--ie-ember);}

/* menu bar -> INVERSE (dark bar, light text), left-aligned, more vertical margin */
ul#nav{background:var(--ie-ink) !important;background-image:none !important;text-align:left !important;border:0 !important;box-shadow:none !important;border-radius:10px !important;padding:6px 10px !important;margin:30px 0 14px !important;}
ul#nav li a{background:transparent !important;background-image:none !important;border:0 !important;border-radius:0 !important;
 color:var(--ie-paper) !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.04em;font-size:14px !important;padding:12px 16px !important;text-align:left !important;}
ul#nav li a.active,ul#nav li a:hover{background:transparent !important;color:var(--ie-ember) !important;}

/* form elements -> bigger + fully rounded */
#content input[type=text],#content input[type=email],#content input[type=password],#content input[type=tel],#content input[type=number],#content input[type=search],#content input:not([type]),#content select{
 font-size:16px !important;padding:11px 18px !important;height:auto !important;border:1px solid var(--ie-smoke) !important;border-radius:9999px !important;background:#fff !important;color:var(--ie-ink) !important;box-shadow:none !important;}
#content textarea,textarea{font-size:16px !important;padding:14px 16px !important;border:1px solid var(--ie-smoke) !important;border-radius:18px !important;background:#fff !important;color:var(--ie-ink) !important;}
#content input:focus,#content select:focus,#content textarea:focus{border-color:var(--ie-ember) !important;outline:none !important;}

/* REAL buttons -> brand ember pills (front-page-button container EXCLUDED) */
.button,.green,.blue,.action-button,input[type=submit],input[type=button],button[type=submit],button.button{
 background:var(--ie-ember) !important;background-image:none !important;border:1px solid var(--ie-ember) !important;color:var(--ie-ink) !important;
 border-radius:9999px !important;font-weight:700 !important;font-size:16px !important;padding:12px 30px !important;text-shadow:none !important;box-shadow:none !important;}
.button:hover,.green:hover,.blue:hover,.action-button:hover,input[type=submit]:hover,input[type=button]:hover{filter:brightness(.94);}

/* front-page-button container -> NO button styling (only its child .button keeps it) */
.front-page-button{background:transparent !important;background-image:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;}

/* RESET button -> NOT branded (neutral) */
input[type=reset],button[type=reset]{
 background:#fff !important;background-image:none !important;border:1px solid var(--ie-smoke) !important;color:var(--ie-ink-soft) !important;
 border-radius:9999px !important;font-weight:600 !important;font-size:16px !important;padding:12px 26px !important;text-shadow:none !important;box-shadow:none !important;filter:none !important;}


/* footer */
#footer{color:var(--ie-ink-soft);}
#footer a{color:var(--ie-ink-soft);}
#footer a:hover{color:var(--ie-ember);}

/* nav bar height fix (avoid clipping; align left) */
ul#nav{display:flex !important;align-items:center !important;flex-wrap:wrap !important;height:auto !important;min-height:0 !important;overflow:visible !important;}
ul#nav li{height:auto !important;float:none !important;list-style:none !important;display:inline-flex !important;}
ul#nav li a{line-height:1.25 !important;display:inline-block !important;height:auto !important;}