/* =====================================================================
   alphacamp.hu  –  Dark Wilderness Theme overlay
   A logó palettájához igazítva (forest green / cream snow / mountain).
   --------------------------------------------------------------------- */

/* ---- Google Fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* ---- Design tokens ---- */
:root {
  /* paletta a logóból */
  --ac-bg-deep:    #051912;   /* legmélyebb erdőzöld – body háttér */
  --ac-bg-1:       #0a2a1f;   /* egy szinttel feljebb – kártyák */
  --ac-bg-2:       #0f3d2e;   /* hover, raised felületek */
  --ac-bg-3:       #175533;   /* sávok, input háttér */

  --ac-line:       #1f5a3d;   /* finom határvonal */
  --ac-line-soft:  rgba(214,255,228,0.10);

  --ac-accent:     #3a8b5c;   /* hegycsúcs zöld – CTA, link */
  --ac-accent-hi:  #7ecf9e;   /* világosabb zöld – hover (linkek) */
  --ac-accent-dk:  #175533;   /* sötétebb zöld */

  --ac-text:       #ffffff;   /* fő szöveg – fehér */
  --ac-text-soft:  #ffffff;   /* másodlagos – fehér */
  --ac-text-mute:  #cccccc;   /* halk lábjegyzet – világosszürke */
  --ac-text-on-cta:#051912;   /* sötét szöveg világos CTA-n */

  --ac-warn:       #e8b04b;   /* akció / kiemelés */
  --ac-danger:     #c66b6b;   /* hiba */
  --ac-success:    #5fb785;

  --ac-radius:     6px;
  --ac-radius-lg:  10px;
  --ac-shadow:     0 1px 0 rgba(214,255,228,0.04), 0 8px 24px rgba(0,0,0,0.35);
  --ac-shadow-hi:  0 1px 0 rgba(214,255,228,0.06), 0 16px 40px rgba(0,0,0,0.55);

  --ac-font-head:  'Oswald', system-ui, sans-serif;
  --ac-font-body:  'Inter', system-ui, sans-serif;
}

/* ---- Alap ---- */
html, body {
  background: var(--ac-bg-deep) !important;
  color: var(--ac-text) !important;
  font-family: var(--ac-font-body) !important;
  font-weight: 400;
  line-height: 1.6;
}

body, .site, #page, .site-content, main {
  background-color: var(--ac-bg-deep) !important;
}

p { color: var(--ac-text); }

a {
  color: var(--ac-accent-hi);
  text-decoration: none;
  transition: color .15s ease;
}
a:hover, a:focus {
  color: var(--ac-text);
  text-decoration: underline;
  text-decoration-color: var(--ac-accent);
  text-underline-offset: 3px;
}

/* ---- Tipográfia ---- */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .product_title, .widget-title,
.woocommerce-loop-product__title,
.woocommerce-Tabs-panel h2,
.cart_totals h2, .woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {
  font-family: var(--ac-font-head) !important;
  color: var(--ac-text) !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1.15;
}

h1, .entry-title, .page-title { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); }
h3 { font-size: 1.25rem; }

::selection { background: var(--ac-accent); color: var(--ac-text-on-cta); }

/* ---- Header / navigáció ---- */
.site-header,
#site-header,
header.site-header,
header#masthead,
.wp-block-template-part[data-type="header"] {
  background: var(--ac-bg-1) !important;
  border-bottom: 1px solid var(--ac-line) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.site-header a, .main-navigation a,
.wp-block-navigation a {
  color: var(--ac-text) !important;
  font-family: var(--ac-font-head);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 0.92rem;
}
.site-header a:hover, .main-navigation a:hover,
.wp-block-navigation a:hover {
  color: var(--ac-accent-hi) !important;
  text-decoration: none;
}

.site-title, .site-branding a { color: var(--ac-text) !important; }

/* ---- Gombok (általános + WC) ---- */
/* Nav/hamburger/account/cart ikonok KIZÁRVA – csak tényleges CTA gombok */
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close),
.woocommerce input.button,
.woocommerce .button:not(.wp-block-navigation__responsive-container-open),
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.single_add_to_cart_button,
.add_to_cart_button,
.checkout-button,
.wc-block-components-button:not([aria-label*="menu"]):not([aria-label*="account"]):not([aria-label*="cart"])
{
  /* örökölt properties-ek megtartva, csak a nav ikonok kivételével */
  background: var(--ac-accent) !important;
  color: var(--ac-text-on-cta) !important;
  border: 1px solid var(--ac-accent) !important;
  border-radius: var(--ac-radius) !important;
  padding: 0.85em 1.6em !important;
  font-family: var(--ac-font-head) !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 600 !important;
  font-size: 0.92rem !important;
  cursor: pointer;
  transition: transform .12s ease, background .15s ease, box-shadow .15s ease !important;
  box-shadow: 0 4px 12px rgba(58,139,92,0.15);
}

.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close):hover,
.single_add_to_cart_button:hover,
.add_to_cart_button:hover,
.checkout-button:hover {
  /* hover override, nav ikonok kizárva */
  background: var(--ac-accent-hi) !important;
  border-color: var(--ac-accent-hi) !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(58,139,92,0.25);
}

/* másodlagos gomb (outline) */
.button.alt, .button.secondary,
.woocommerce a.button.alt,
.woocommerce-message .button {
  background: transparent !important;
  color: var(--ac-accent-hi) !important;
  border: 1px solid var(--ac-accent) !important;
}
.button.alt:hover {
  background: var(--ac-accent) !important;
  color: var(--ac-text-on-cta) !important;
}

/* ---- Termék-rácsos lista (.products .product) ---- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.wc-block-grid__product {
  background: var(--ac-bg-1) !important;
  border: 1px solid var(--ac-line-soft) !important;
  border-radius: var(--ac-radius-lg) !important;
  padding: 1.1em !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  box-shadow: var(--ac-shadow);
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-3px);
  border-color: var(--ac-accent);
  box-shadow: var(--ac-shadow-hi);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
  color: var(--ac-text) !important;
  font-family: var(--ac-font-head) !important;
  font-size: 1rem !important;
  letter-spacing: .04em;
  text-transform: none !important;     /* termékneveket NE legyen csupa nagy */
  margin: .6em 0 .3em !important;
  min-height: 2.6em;
}
.woocommerce ul.products li.product .price,
.wc-block-grid__product-price {
  color: var(--ac-accent-hi) !important;
  font-family: var(--ac-font-head) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
}
.woocommerce ul.products li.product img,
.wc-block-grid__product-image img {
  background: #ffffff;        /* termékkép világos háttérre, hogy kiemelkedjen */
  border-radius: var(--ac-radius);
  padding: 6px;
}

/* "akciós" badge */
.woocommerce span.onsale,
.wc-block-grid__product-onsale {
  background: var(--ac-warn) !important;
  color: var(--ac-text-on-cta) !important;
  font-family: var(--ac-font-head) !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  border-radius: 999px !important;
  border: none !important;
  padding: .3em .8em !important;
  font-size: .8rem !important;
}

/* ---- Termék-részletes oldal ---- */
.woocommerce div.product .product_title {
  color: var(--ac-text) !important;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  margin-bottom: .4em;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--ac-accent-hi) !important;
  font-family: var(--ac-font-head) !important;
  font-size: 1.8rem !important;
  font-weight: 600 !important;
}
.woocommerce div.product .stock {
  color: var(--ac-success) !important;
  font-family: var(--ac-font-head);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .9rem;
}
.woocommerce div.product .out-of-stock { color: var(--ac-danger) !important; }

.woocommerce-product-gallery img {
  background: #ffffff !important;
  border-radius: var(--ac-radius-lg);
  padding: 8px;
}

/* tab-ek a termékoldalon */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  border-bottom: 1px solid var(--ac-line) !important;
  padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 1.6em 0 0 !important;
  padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--ac-accent) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--ac-text-soft) !important;
  font-family: var(--ac-font-head);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .95rem;
  padding: 1em 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ac-text) !important; }

/* mennyiség (quantity) */
.woocommerce .quantity .qty {
  background: var(--ac-bg-2) !important;
  color: var(--ac-text) !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-radius);
  padding: 0.7em;
  width: 4.5em;
  text-align: center;
}

/* ---- Űrlapok (input/select/textarea) ---- */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], input[type="search"],
input[type="url"], textarea, select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-input-wrapper input,
.wc-block-components-text-input input {
  background: var(--ac-bg-2) !important;
  color: var(--ac-text) !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-radius) !important;
  padding: 0.85em 1em !important;
  font-family: var(--ac-font-body) !important;
  font-size: 1rem !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus, textarea:focus, select:focus,
.woocommerce form .form-row input.input-text:focus,
.wc-block-components-text-input input:focus {
  outline: none !important;
  border-color: var(--ac-accent) !important;
  box-shadow: 0 0 0 3px rgba(58,139,92,0.25) !important;
}
::placeholder { color: var(--ac-text-mute) !important; }
label, .woocommerce form .form-row label {
  color: var(--ac-text-soft) !important;
  font-family: var(--ac-font-head);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .82rem;
}

/* ---- Kosár / checkout táblázat ---- */
.woocommerce table.shop_table,
.woocommerce-cart table.cart,
.woocommerce-checkout #order_review,
.wc-block-cart-items {
  background: var(--ac-bg-1) !important;
  color: var(--ac-text) !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-radius-lg) !important;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td,
.wc-block-cart-items td {
  background: transparent !important;
  border-color: var(--ac-line-soft) !important;
  color: var(--ac-text) !important;
}
.woocommerce table.shop_table th {
  font-family: var(--ac-font-head);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .85rem;
  color: var(--ac-text-soft) !important;
}
.woocommerce .cart_totals {
  background: var(--ac-bg-1) !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-radius-lg) !important;
  padding: 1.4em !important;
}
.woocommerce .cart_totals .order-total .woocommerce-Price-amount {
  color: var(--ac-accent-hi) !important;
  font-size: 1.4rem;
}

/* ---- WooCommerce notices (üzenetek) ---- */
.woocommerce-info, .woocommerce-message, .woocommerce-error,
.wc-block-components-notice-banner {
  background: var(--ac-bg-1) !important;
  color: var(--ac-text) !important;
  border-left: 3px solid var(--ac-accent) !important;
  border-radius: var(--ac-radius) !important;
  box-shadow: var(--ac-shadow);
}
.woocommerce-info::before, .woocommerce-message::before {
  color: var(--ac-accent) !important;
}
.woocommerce-error { border-left-color: var(--ac-danger) !important; }
.woocommerce-error::before { color: var(--ac-danger) !important; }

/* ---- My account ---- */
.woocommerce-MyAccount-navigation ul {
  background: var(--ac-bg-1);
  border: 1px solid var(--ac-line);
  border-radius: var(--ac-radius-lg);
  padding: 0.5em 0;
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 0.8em 1.2em;
  color: var(--ac-text-soft) !important;
  font-family: var(--ac-font-head);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .9rem;
  border-left: 3px solid transparent;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--ac-bg-2);
  color: var(--ac-text) !important;
  border-left-color: var(--ac-accent);
  text-decoration: none;
}

/* ---- Lábléc ---- */
.site-footer, footer.site-footer, .wp-block-template-part[data-type="footer"] {
  background: var(--ac-bg-1) !important;
  border-top: 1px solid var(--ac-line) !important;
  color: var(--ac-text-soft) !important;
  padding: 3em 1em !important;
}
.site-footer a, footer.site-footer a { color: var(--ac-text-soft) !important; }
.site-footer a:hover, footer.site-footer a:hover { color: var(--ac-accent-hi) !important; }
.site-footer h3, .site-footer .widget-title {
  color: var(--ac-text) !important;
  font-size: 1rem !important;
  margin-bottom: 1em;
}

/* ---- Apró részletek ---- */
hr { border: none; border-top: 1px solid var(--ac-line); }

.woocommerce-Price-amount { color: var(--ac-text); }
del .woocommerce-Price-amount { color: var(--ac-text-mute); opacity: .7; }
ins { background: transparent !important; }

/* scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ac-bg-deep); }
::-webkit-scrollbar-thumb { background: var(--ac-bg-3); border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: var(--ac-accent-dk); }

/* WordPress admin bar maradjon olvasható */
#wpadminbar { background: #1d2327 !important; }

/* =====================================================================
   DARK THEME HARD OVERRIDES
   Ezek felülírják az alphacamp-custom.css és az inline style-ok minden
   !important szabályát a magasabb specificitás segítségével.
   ===================================================================== */

/* Teljes oldal háttér */
html body,
html body.ac-frontpage,
html .site,
html #page,
html .site-content,
html main,
html .wp-block-post-content,
html .entry-content,
html .wp-site-blocks {
  background-color: var(--ac-bg-deep) !important;
  color: #ffffff !important;
}

/* Fejléc */
html .wp-block-template-part[class*="header"],
html header.wp-block-template-part,
html .site-header,
html header {
  background: var(--ac-bg-1) !important;
  border-bottom: 1px solid var(--ac-line) !important;
}
html .wp-block-navigation a,
html .wp-block-navigation-item__content,
html .site-header a {
  color: #ffffff !important;
}

/* "Kategóriák" és "Kiemelt termékek" szekciócímek */
html .ac-cat-section-header h2,
html .ac-cat-section h2,
html .ac-cat-section-header h2 {
  color: #ffffff !important;
}
html .ac-cat-section,
html .ac-home {
  background-color: var(--ac-bg-deep) !important;
}

/* Termék kártyák háttér */
html .woocommerce ul.products li.product,
html .woocommerce-page ul.products li.product {
  background: var(--ac-bg-1) !important;
}

/* Termék ár — volt: sötétzöld, most fehér */
html .woocommerce ul.products li.product .price,
html ul.products li.product .price,
html .woocommerce ul.products li.product .woocommerce-Price-amount,
html ul.products li.product .woocommerce-Price-amount,
html .woocommerce ul.products li.product .price .woocommerce-Price-amount,
html .woocommerce ul.products li.product .price .amount {
  color: #ffffff !important;
}

/* Termékoldal ár */
html .woocommerce div.product p.price,
html .woocommerce div.product span.price,
html .woocommerce div.product .woocommerce-Price-amount {
  color: #ffffff !important;
}

/* Termék cím */
html .woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #ffffff !important;
}

/* Általános szöveg */
html body p,
html body li,
html body td,
html body th {
  color: #ffffff !important;
}

/* Fehér háttér overrideok eltakarítása */
html .ac-cat-section,
html .woocommerce ul.products,
html .woocommerce ul.products li.product .woocommerce-loop-product__link {
  background: transparent !important;
}

/* ---- "Coming Soon" placeholder szépítés (átmenetileg) ---- */
.woocommerce-coming-soon, body.woocommerce-coming-soon {
  background: var(--ac-bg-deep) !important;
}
.woocommerce-coming-soon h1, .woocommerce-coming-soon p {
  color: var(--ac-text) !important;
  font-family: var(--ac-font-head);
}

/* ---- Mobil finomítás ---- */
@media (max-width: 640px) {
  .woocommerce ul.products li.product { padding: .8em !important; }
  .woocommerce a.button, .single_add_to_cart_button {
    padding: 0.9em 1.2em !important;
    font-size: .85rem !important;
  }
}

/* =====================================================================
   FEJLÉC NAVIGÁCIÓ – MOBILOS JAVÍTÁS
   A hamburger / account / cart ikonokat vissza kell állítani:
   ne kapjanak zöld CTA-hátteret, ne legyen padding-ja.
   ===================================================================== */

/* Hamburger (menü megnyitás) és bezáró gomb */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px !important;
  color: #ffffff !important;
  font-size: inherit !important;
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: normal !important;
  transform: none !important;
  cursor: pointer !important;
}
.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover {
  background: rgba(255,255,255,0.10) !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* WooCommerce fejléc account + cart mini ikonok */
.wc-block-mini-cart__button,
.woocommerce-mini-cart-button,
[class*="mini-cart"] button,
.wc-block-header-cart button,
.wc-block-components-button.wc-block-mini-cart__button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px 8px !important;
  color: #ffffff !important;
  font-size: inherit !important;
  font-family: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: normal !important;
}
.wc-block-mini-cart__button:hover,
.woocommerce-mini-cart-button:hover {
  background: rgba(255,255,255,0.10) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Nav ikonok (account, cart szimbólumok) az összes nav blockban */
.wp-block-navigation .wp-block-navigation-item button,
.wp-block-navigation button[class*="open"],
.wp-block-navigation button[class*="close"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px !important;
  color: #ffffff !important;
}

/* Coming Soon fejléc: "Bejelentkezés" gomb – kis fekete pill, ne legyen zöld */
.wp-block-loginout a {
  background: var(--ac-bg-2) !important;
  color: var(--ac-text) !important;
  border: 1px solid var(--ac-line) !important;
  border-radius: var(--ac-radius) !important;
  padding: 0.6em 1.2em !important;
  font-size: 0.85rem !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.wp-block-loginout a:hover {
  background: var(--ac-accent) !important;
  border-color: var(--ac-accent) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Coming Soon fejléc container – megfelelő méretezés mobilon */
@media (max-width: 640px) {
  .woocommerce-coming-soon-header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .woocommerce-coming-soon-social-login {
    gap: 8px !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  /* Social ikonok kicsit kisebb méretben mobilon */
  .woocommerce-coming-soon-social-login .wp-block-social-links {
    gap: 4px !important;
  }
  .woocommerce-coming-soon-social-login .wp-social-link a svg {
    width: 20px !important;
    height: 20px !important;
  }
  /* "Bejelentkezés" gomb mobilon kompaktabb */
  .wp-block-loginout a {
    padding: 0.5em 0.9em !important;
    font-size: 0.78rem !important;
    white-space: nowrap !important;
  }
  /* Logo ne legyen túl nagy mobilon */
  .wp-block-site-logo img.custom-logo {
    width: 44px !important;
    height: 44px !important;
  }
  /* Fejléc cím kisebb mobilon */
  .wp-block-site-title a {
    font-size: 1rem !important;
  }
}

/* =====================================================================
   Vége. Bármilyen szín / radius / font finomítható feljebb a :root-ban.
   ===================================================================== */