/*
 |------------------------------------------------------------
 | GDM Theme Overrides
 | Inspired by gamedevmarket.net colours & typography
 |------------------------------------------------------------
 */

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Work+Sans:wght@400;600&display=swap');

:root {
  /* Primary palette */
  --gdm-primary: #00AEEF; /* cyan similar to GDM */
  --gdm-accent:  #FFB400; /* orange accent */
  --gdm-dark:    #1B1B1B;
  --gdm-light:   #F5F7FA;
}

body {
  font-family: 'Work Sans', sans-serif;
  color: var(--gdm-dark);
  background-color: var(--gdm-light);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

a {
  color: var(--gdm-primary);
}

a:hover {
  color: var(--gdm-accent);
}

.btn-primary {
  background-color: var(--gdm-primary);
  border-color: var(--gdm-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--gdm-accent);
  border-color: var(--gdm-accent);
}

/* Hero section helper (can be used later) */
.section-hero {
  background-color: var(--gdm-dark);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.section-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}
.section-hero > *{position:relative;}

.section-hero .hero-title {
  font-size: 3rem;
  font-weight: 600;
}

/* Header --------------------------------------------------*/
.navbar-light.bg-light,
.navbar-sticky .bg-light{
  background-color: var(--gdm-dark) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

.navbar-light .navbar-nav .nav-link{
  color:#ffffff;
  font-weight:500;
  margin-right:1rem;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
  color: var(--gdm-accent);
}

.navbar-tool .navbar-tool-icon{
  color:#ffffff;
}

/* Product Card ------------------------------------------*/
.card.product-card-alt .product-thumb{
  border-radius: .25rem .25rem 0 0;
  overflow:hidden;
}

.card.product-card-alt .card-body{
  padding:1rem .75rem 1.25rem;
  text-align:center;
}

.card.product-card-alt .product-title{
  font-weight:600;
  font-size:1rem;
  min-height:2.5rem;
}

.card.product-card-alt .product-price{
  font-weight:600;
  color:var(--gdm-primary);
}

/* Footer --------------------------------------------------*/
.footer-dark,
footer.bg-dark{
  background:var(--gdm-dark) !important;
  color:#aab3c0;
  padding-top:3rem;
  padding-bottom:3rem;
}
.footer-dark a{
  color:#ffffff;
}
.footer-dark a:hover{
  color:var(--gdm-accent);
}
.card.product-card-alt{
  border:none;
  transition:all .25s ease;
}

/* Search Form ------------------------------------------*/
input.form-control.form-control-lg{
  border-radius: .25rem 0 0 .25rem !important;
  min-height:3.25rem;
}
.home-category-select{
  min-height:3.25rem;
}
.btn.btn-primary.btn-lg.font-size-base{
  padding:0 2rem;
}

/* Card hover */
.card.product-card-alt:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  transition: all .3s ease;
}