/* Simple theme overrides: adjust primary/accent colors site-wide */

:root{
  --eo-primary:#0ea5e9; /* sky-500 */
  --eo-primary-600:#0284c7; /* sky-600 */
  --eo-accent:#0ea5e9; /* accent = primary */
  --eo-text:#e6edf6;
  --eo-muted:#a6b0c3;
  --eo-bg:#0a0f1f;
}

body{background-color:var(--eo-bg)!important;color:var(--eo-text)!important;}
a{color:#7a8aa6!important;transition:color .15s ease}
a:hover{color:#fff!important}

/* Default logo size */
.header__logo img{ width:65px !important; height:auto; }

.btn, .btn-primary{background:var(--eo-primary)!important;border-color:var(--eo-primary)!important;color:#fff!important}
.btn:hover, .btn-primary:hover{background:var(--eo-primary-600)!important;border-color:var(--eo-primary-600)!important;box-shadow:0 10px 28px rgba(14,165,233,.35),0 0 0 1px var(--eo-primary-600) inset!important}

/* Header buttons: keep first outlined, second filled for better visibility */
header .main-btns .btn:first-child{background:transparent!important;border:1px solid var(--eo-primary)!important;color:var(--eo-text)!important}
header .main-btns .btn:first-child:hover{background:var(--eo-primary)!important;color:#fff!important}
header .main-btns .btn:last-child{background:var(--eo-accent)!important;border-color:var(--eo-accent)!important;color:#091225!important;box-shadow:0 0 0 1px color-mix(in oklab, var(--eo-accent) 30%, transparent) inset}
header .main-btns .btn:last-child:hover{background:color-mix(in oklab, var(--eo-accent) 85%, var(--eo-primary-600))!important;border-color:color-mix(in oklab, var(--eo-accent) 85%, var(--eo-primary-600))!important;color:#06101f!important}
footer .btn{background:transparent!important;border:1px solid var(--eo-primary)!important;color:var(--eo-text)!important}
footer .btn:hover{background:var(--eo-primary)!important;color:#fff!important}

h1,h2,h3,h4{color:var(--eo-text)!important}
.intro__text,.how__text,.feedback__text,.footer__rights p{color:var(--eo-muted)!important}

.plate__vote{color:var(--eo-accent)!important}
.scroll-up{background:var(--eo-primary)!important}

/* Wrapper background: darker to avoid blending */
.p-container .wrapper:before{ background: var(--eo-primary-600) !important; }

/* Plate border color override */
.plate{ border-color: var(--eo-primary-600) !important; }
.plate__col{ border-color: var(--eo-primary-600) !important; }

/* Feedback card border */
.feedback__item{ border-color: var(--eo-primary-600) !important; }

/* How items: border and background */
.how__item{
  border-color: var(--eo-primary-600) !important;
  background-color: #2f5f99 !important;
}
/* Text colors inside how items */
.how__item b,
.how__item p{ color:#fff !important; }

/* Plate logo badge pseudo-element */
.plate__logo:before{
  background-color: var(--eo-primary) !important;
  border-color: var(--eo-primary-600) !important;
}

/* Security info box lighter background */
.security-info{ background-color: #2f5f99 !important; }

/* Footer menu contrast */
.footer-nav a{ color: var(--eo-text) !important; }
.footer-nav a:hover{ color: rgba(255,255,255,.85) !important; }

/* Form tag background */
form{ background-color: var(--eo-primary-600) !important; }

/* White borders for form and inputs */
form{ border-color:#fff !important; }
input, textarea, select, .form-input{ border-color:#fff !important; }

/* White placeholders */
input::placeholder,
textarea::placeholder{ color:#fff !important; opacity:0.85; }
/* Safari/old Edge */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color:#fff !important; opacity:0.85; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{ color:#fff !important; }

/* Header logo responsive sizes: order from small → large */
@media (min-width: 992px){
  .header__logo img{ width:90px !important; height:auto; }
}
@media (min-width: 1440px){
  .header__logo img{ width:150px !important; height:auto; }
}

/* Dropdown menu: simple background-color override */
.dropdown-menu,
.dropdown-menu--plus{
  background-color: transparent !important;
}

/* Color the whole FAQ container */
.faq__holder{ background-color: var(--eo-primary) !important; }

