/*
Theme Name: Aurum Rage
Theme URI: http://localhost:8080/
Author: Team Aurum
Description: Tema custom scuro con palette premium, pronto per WooCommerce.
Version: 0.1.0
Text Domain: aurumrage
*/

/* Base reset minimale */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
img { max-width: 100%; height: auto; }

/* Palette brand come variabili CSS */
:root {
  --bg: #1E1E1E;
  --premium: #CF9A16;
  --cta: #E1AB11;
  --text-on-dark: #F1F1F1;
}

body {
  background-color: var(--bg);
  color: var(--text-on-dark);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

a { color: var(--premium); text-decoration: none; }
a:hover { color: var(--cta); }

/* Tipografia base */
h1, h2, h3, h4, h5, h6 { color: var(--premium); margin: 0.6em 0 0.3em; font-family: 'Oswald', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.6px; }
p { margin: 0 0 1em; }

/* Contenitori */
.container {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Header e footer */
.site-header { border-bottom: 1px solid #2a2a2a; padding: 16px 0; }
.site-title a { color: var(--text-on-dark); font-weight: 700; }
.site-nav a { color: var(--text-on-dark); margin-right: 16px; }
.site-nav a:hover { color: var(--premium); }

/* Footer layout enhancements */
.site-footer {
  border-top: 1px solid #2a2a2a;
  padding: 24px 0;
  color: #cfcfcf;
}

.footer__contacts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}

.footer__item {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #cfcfcf;
}

.footer__item:not(:first-child)::before {
  content: "•";
  margin: 0 8px 0 0;
  opacity: 0.5;
}

.footer__item a {
  color: #ffffff;
  text-decoration: none;
}

.footer__item a:hover {
  text-decoration: underline;
}

.footer__hours {
  opacity: 0.85;
}

@media (max-width: 640px) {
  .footer__contacts {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .footer__item:not(:first-child)::before {
    display: none;
  }
}

/* Bottoni generici */
.button, button, input[type="submit"], .wp-block-button__link {
  background-color: var(--cta);
  color: #1E1E1E;
  border: none;
  border-radius: 6px;
  padding: 10px 16px;
  cursor: pointer;
}
.button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
  background-color: transparent;
  border: 1px solid #d09b10;
  color: #d09b10;
}
.hero__bg{
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.hero__img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -1; /* sta dietro ai gradienti */
}
.hero__content{
  position: relative;
  z-index: 1;
}