@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//gamingmarket.eu/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=8.2.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//gamingmarket.eu/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(255,255,255);
	--wd-text-font-size: 15px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(255,255,255);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(234, 234, 234);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(61,95,254);
	--wd-alternative-color: rgb(249,72,72);
	--wd-link-color: rgb(255,255,255);
	--wd-link-color-hover: #242424;
	--btn-default-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-default-bgcolor: rgb(59,94,253);
	--btn-default-bgcolor-hover: rgba(59,94,253,0.66);
	--btn-accented-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(59,94,253);
	--btn-accented-bgcolor-hover: rgba(59,94,253,0.63);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(18,25,55);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(25,29,40);
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 85px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://gamingmarket.eu/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(12,20,37);
	--wd-bordered-bg:rgb(12,20,37);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: none;
	background-size: cover;
	background-position: center center;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
	color: rgb(255,255,255);
}
html .product-image-summary-wrap .product_title:hover, html .wd-single-title .product_title:hover {
	color: rgb(255,255,255);
}
.page .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(11,16,32);
	background-image: none;
}
html .wd-buy-now-btn {
	color: rgb(255,255,255);
	background: rgb(115,52,246);
}
html .wd-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(115,52,246);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(255,255,255);
	--wd-form-placeholder-color: rgb(255,255,255);
	--wd-form-brd-color: rgb(33,41,66);
	--wd-form-brd-color-focus: rgb(33,41,66);
	--wd-form-bg: rgb(12,20,37);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* =========================================================
   GAMINGMARKET x WOODMART – BLOG (FINAL • NO FILL)
   - Header-Gradient garantiert (auch außerhalb .gm-blog)
   - Entfernt JEDE dunkle Card-Füllung (#080c18 etc.)
   - Lässt NUR Border + äußeren Shadow stehen
   ========================================================= */

/* ---------- variables ---------- */
:root{
  --gm-blue:#2e77ff;
  --gm-head:#e8f0ff;
  --gm-text:#cbd3e1;
  --gm-sub:#9fb2d9;
  --gm-br:16px;
}

/* =========================================================
   A) HEADER "GamingMarket News"
   ========================================================= */
.gm-news-head{ text-align:center; margin:0 0 22px; }

/* Overline pill */
.gm-news-head .gm-overline{
  display:inline-block; padding:6px 14px; margin:0 0 10px; border-radius:999px;
  font:800 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.14em; text-transform:uppercase;
  color:#dcedff !important;
  background:linear-gradient(180deg, rgba(46,119,255,.28), rgba(46,119,255,.14)) !important;
  border:1px solid rgba(129,173,255,.55) !important;
  box-shadow:0 10px 26px rgba(46,119,255,.35), inset 0 0 12px rgba(106,169,255,.25) !important;
}

/* Gradient title (hard override) */
.gm-news-head h2{
  margin:0; font-weight:900; letter-spacing:.2px; line-height:1.12;
  font-size:clamp(30px,3.6vw,40px);
  background:linear-gradient(180deg,#ffffff 0%,#d9e6ff 55%,#9fbaff 100%) !important;
  -webkit-background-clip:text !important;
          background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  text-shadow:0 6px 24px rgba(46,119,255,.28);
}
.gm-news-head .subtitle{
  margin:8px 0 0; color:#b7c9f2 !important; font-size:16px; line-height:1.5;
  text-shadow:0 8px 20px rgba(0,0,0,.25);
}

/* =========================================================
   B) BLOG CARDS – NUR BORDER + OUTER SHADOW
   ========================================================= */

/* 1) Outer card */
.gm-blog article.wd-post{
  background:transparent !important;                  /* kill any fill */
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.55) !important;  /* outer only */
  border-radius:var(--gm-br) !important;
  padding:10px;
  display:flex; flex-direction:column; height:100%;
  color:var(--gm-text);
}
/* nuke article pseudos (Woodmart nutzt die oft für Platten) */
.gm-blog article.wd-post::before,
.gm-blog article.wd-post::after{
  content:none !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
.gm-blog article.wd-post:hover{
  border-color:rgba(46,119,255,.35) !important;
  box-shadow:0 26px 65px rgba(0,0,0,.62), 0 0 0 1px rgba(46,119,255,.35) !important;
}

/* 2) Wrapper wirklich transparent + Pseudos neutralisieren */
.gm-blog .wd-carousel-item,
.gm-blog .wd-post-inner,
.gm-blog .article-inner,
.gm-blog .wd-post-content,
.gm-blog .article-body-container,
.gm-blog .wd-post-thumb,
.gm-blog .wd-post-img,
.gm-blog .post-img-wrapp{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.gm-blog .wd-carousel-item::before,
.gm-blog .wd-carousel-item::after,
.gm-blog .wd-post-inner::before,
.gm-blog .wd-post-inner::after,
.gm-blog .article-inner::before,
.gm-blog .article-inner::after,
.gm-blog .wd-post-content::before,
.gm-blog .wd-post-content::after,
.gm-blog .wd-post-thumb::before,
.gm-blog .wd-post-thumb::after{
  content:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
/* "Flat"-Skin Reste */
.gm-blog .blog-style-flat .wd-post-inner,
.gm-blog .blog-style-flat .wd-post-content,
.gm-blog .blog-style-flat .wd-post-thumb{ background:transparent !important; }

/* 3) Thumbnail */
.gm-blog .wd-post-thumb{ position:relative; overflow:hidden; aspect-ratio:16/9;
  border-top-left-radius:calc(var(--gm-br) - 6px);
  border-top-right-radius:calc(var(--gm-br) - 6px);
}
.gm-blog .wd-post-thumb img{ width:100%; height:100%; object-fit:cover; transform:scale(1); transition:transform .35s ease; }
.gm-blog article.wd-post:hover .wd-post-thumb img{ transform:scale(1.05); }
/* leichter Lesbarkeitsverlauf (optional) */
.gm-blog .wd-post-thumb::after{
  content:""; position:absolute; inset:0 0 auto 0; height:36%;
  background:linear-gradient(180deg, rgba(10,15,26,.55), rgba(10,15,26,0));
  pointer-events:none;
}

/* 4) Content – Titel only */
.gm-blog .wd-post-content{ padding:14px 12px 14px; }
.gm-blog .wd-post-title{ margin:6px 0 0; }
.gm-blog .wd-post-title a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; min-height:calc(1.25em * 2 + 2px);
  font-weight:900; font-size:22px; line-height:1.25;
  color:var(--gm-head) !important; text-decoration:none;
}
.gm-blog .wd-post-title a:hover{ color:var(--gm-blue) !important; }
/* Meta/Excerpt/Buttons ausblenden */
.gm-blog .wd-post-content .entry-meta,
.gm-blog .wd-post-content .read-more,
.gm-blog .wd-post-content .post-excerpt,
.gm-blog .wd-post-content .article-content > p,
.gm-blog .wd-post-content .post-footer,
.gm-blog .wd-post-content .posted-by,
.gm-blog .wd-post-content .share-post,
.gm-blog .wd-post-content .comments-link{ display:none !important; }

/* 5) Date badge */
.gm-blog .wd-post-date.wd-style-with-bg{
  position:absolute; top:8px; left:8px; z-index:3;
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:10px !important;
  background:linear-gradient(180deg,#2e77ff 0%,#1f62ec 100%) !important;
  color:#fff !important; border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 10px 24px rgba(46,119,255,.45), 0 0 0 1px rgba(46,119,255,.25) inset !important;
}
.gm-blog .wd-post-date .post-date-day{ font:900 18px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#fff !important; }
.gm-blog .wd-post-date .post-date-month{ font:700 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; color:rgba(255,255,255,.95) !important; }
.gm-blog .wd-post-date::before,
.gm-blog .wd-post-date::after{ content:none !important; }

/* =========================================================
   C) LAST-RESORT: kill ANY remaining fills inside the card
   (lässt Datums-Badge & Bild unangetastet)
   ========================================================= */
.gm-blog article.wd-post *:not(.wd-post-date):not(.wd-post-date *):not(img){
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border-color:transparent !important;
}

/* ===== Header: sauber mittig, nichts abschneiden ===== */
.gm-news-head{ text-align:center; }
.gm-news-head,
.gm-news-head .wpb_wrapper,
.gm-news-head h2{ overflow: visible !important; }
.gm-news-head h2{
  display: block !important;     /* nicht inline-block -> zentriert bleibt korrekt */
  line-height: 1.26 !important;  /* etwas mehr Zeilenhöhe für Unterlängen */
  padding-bottom: 6px !important;
}

/* ===== Entferne das Panel/Background des Blog-Carousels (Woodmart) ===== */
/* Container-Ebenen vom Blog-Element */
.wd-posts.wd-blog-element,
.wd-posts.wd-blog-element::before,
.wd-posts.wd-blog-element::after,
.wd-posts.wd-blog-element .wd-carousel-container,
.wd-posts.wd-blog-element .wd-carousel-container::before,
.wd-posts.wd-blog-element .wd-carousel-container::after,
.wd-posts.wd-blog-element .wd-carousel-inner,
.wd-posts.wd-blog-element .wd-carousel-inner::before,
.wd-posts.wd-blog-element .wd-carousel-inner::after,
.wd-posts.wd-blog-element .wd-carousel,
.wd-posts.wd-blog-element .wd-carousel::before,
.wd-posts.wd-blog-element .wd-carousel::after,
.wd-posts.wd-blog-element .wd-carousel-wrap,
.wd-posts.wd-blog-element .wd-carousel-wrap::before,
.wd-posts.wd-blog-element .wd-carousel-wrap::after{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Falls Woodmart für dieses Element noch eine Skin-/Separator-Farbe setzt */
.wd-posts.wd-blog-element .wd-nav-arrows,
.wd-posts.wd-blog-element .wd-separator,
.wd-posts.wd-blog-element .wd-grid{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}


/* ===== Remove any gap between CTA and footer ===== */

/* CTA section itself soll niemals unten Abstand haben */
.gm-cta--subtle { margin-bottom: 0 !important; }

/* Falls die CTA in einer WPBakery-Row sitzt */
.gm-cta-row,
.gm-cta-row.vc_row,
.gm-cta-row .vc_column_container > .vc_column-inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Wenn du keine Extra-Klasse gesetzt hast, nutze den Nachbar-Selektor */
.gm-cta--subtle + footer,
.gm-cta--subtle + .site-footer,
.gm-cta--subtle + .footer-container,
.gm-cta-row + footer,
.gm-cta-row + .site-footer,
.gm-cta-row + .footer-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Woodmart / häufige Footer-Wrapper */
footer.site-footer,
.footer-container,
.footer-wrapper,
.wd-footer,
.wd-footer .footer-widgets,
.wd-footer .footer-bottom {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Manche Themes setzen Separatoren/Pseudo-Linien vor dem Footer */
.footer-container::before,
.site-footer::before {
  content: none !important;
}

/* ==============================
   GAMINGMARKET FOOTER – FULL CSS
   ============================== */

/* -------- Design Tokens -------- */
:root{
  --gm-bg: #131b31;
  --gm-bg-2: #0d1426;
  --gm-blue: #2e77ff;
  --gm-blue-2: #3d89ff;
  --gm-head: #e8f0ff;
  --gm-text: #b7c9f2;
  --gm-muted: #9db0da;
  --gm-chip-bg: rgba(255,255,255,.06);
  --gm-chip-br: rgba(255,255,255,.12);
  --gm-br: 14px;
}

/* ===== Sticky Footer Setup (footer immer unten) ===== */
html, body { height: 100%; }
body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
main, #main, .site-content, .main-page-wrapper, .page-content, #content {
  flex: 1 0 auto;
}

/* ===== Footer Root ===== */
footer.gmf{
  margin-top: auto;
  position: relative;
  z-index: 0;

  /* dezente Abhebung vom Seitenhintergrund */
  background:
    radial-gradient(1200px 480px at 50% -120px, rgba(46,119,255,.08), rgba(46,119,255,0) 60%),
    linear-gradient(180deg, var(--gm-bg) 0%, var(--gm-bg-2) 100%);
  color: var(--gm-text);
  border-top: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 -1px 0 rgba(255,255,255,.06) inset,
    0 -18px 40px rgba(0,0,0,.28);
}

/* Remove bottom gap under last content section */
.site-content > *:last-child,
#main > *:last-child,
.main-page-wrapper > *:last-child,
.wpb_row:last-child,
.vc_row:last-child,
.container:last-child,
.page-wrapper:last-child{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ========== Games Rail (centered, icon + text inline) ========== */
.gmf-rail{
  border-bottom: 1px solid rgba(255,255,255,.06);
  padding: 14px 0;
  overflow-x: auto;
}
.gmf-rail__inner{
  max-width: 1280px;
  margin: 0 auto;
  padding: 4px 16px;
  display: flex;
  gap: 12px;
  justify-content: center;       /* mittig */
  align-items: center;
  flex-wrap: wrap;
}

.gmf-game{
  display:inline-flex;
  flex-direction: row;           /* Icon neben Text */
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  text-decoration:none;
  border-radius: 12px;
  background: var(--gm-chip-bg);
  border: 1px solid var(--gm-chip-br);
  color: var(--gm-head);
  transition: transform .15s ease, background .2s ease,
              color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.gmf-game:hover{
  transform: translateY(-1px);
  background: rgba(46,119,255,.16);
  color:#fff;
  border-color: rgba(46,119,255,.34);
  box-shadow: 0 10px 26px rgba(46,119,255,.24);
}
.gmf-game__img{
  width: 34px; height: 34px;
  display:grid; place-items:center;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  overflow: hidden;
}
.gmf-game__img img{
  width: 26px; height: 26px; object-fit: contain; display:block;
}
.gmf-game__label{
  font-weight: 800; letter-spacing: .02em; font-size: 13.5px;
  color: var(--gm-head);
}

/* ========== Grid / Columns ========== */
.gmf-grid{
  max-width: 1280px; margin: 0 auto;
  padding: 34px 16px 24px;
  display: grid; gap: 28px;
  grid-template-columns: 1.2fr .9fr .9fr 1.1fr;
}
@media (max-width: 1100px){ .gmf-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px){ .gmf-grid { grid-template-columns: 1fr; } }

/* About */
.gmf-logo{
  display:flex; align-items:flex-start; gap:10px;
}
.gmf-logo__img{
  display: block;
  width: 200px;          /* Mindestgröße laut Wunsch */
  height: 100px;
  object-fit: contain;   /* keine Verzerrung */
  object-position: left center;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
@media (max-width: 560px){
  .gmf-logo__img{ width: 170px; height: 128px; }
}

.gmf-tagline{ margin:12px 0 6px; color:var(--gm-head); font-weight:800; }
.gmf-desc{ margin:0 0 12px; color:var(--gm-text); }

/* Lists */
.gmf-title{ color:#e8f0ff; font-weight:900; margin:6px 0 12px; }
.gmf-list{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.gmf-list a{
  color:var(--gm-text); text-decoration:none;
  transition: color .2s ease, transform .15s ease;
}
.gmf-list a:hover{ color:#fff; transform: translateX(2px); }

/* Need Help text */
.gmf-help-txt{
  color: var(--gm-muted);
  margin: 0 0 12px;
  line-height: 1.6;
}

/* Buttons */
.gmf-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
.gmf-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius: var(--gm-br);
  font-weight:800; letter-spacing:.02em; text-decoration:none;
  transition: transform .15s ease, box-shadow .2s ease,
              background .2s ease, border .2s ease, color .2s ease;
}
.gmf-btn--light{
  color:#0b1020; background: linear-gradient(90deg, var(--gm-head), #d6e3ff);
  box-shadow: 0 8px 22px rgba(207,224,255,.25);
}
.gmf-btn--light:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(207,224,255,.35);
}
.gmf-btn--outline{
  color:#e8f0ff; border:1px solid rgba(255,255,255,.18); background: transparent;
}
.gmf-btn--outline:hover{
  background: rgba(46,119,255,.18);
  border-color: rgba(46,119,255,.35);
  box-shadow: 0 10px 26px rgba(46,119,255,.24);
}

/* ========== Bottom Bar & Socials ========== */
.gmf-bottom{
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 12px 16px;
  display:flex; gap:12px; align-items:center; justify-content:space-between;
  max-width: 1280px; margin: 0 auto;
}
@media (max-width: 640px){
  .gmf-bottom { flex-direction: column; gap:10px; text-align:center; }
}
.gmf-copy{ color:#9db0da; font-size:13.5px; margin:0; }
.gmf-copy strong{ color:#e8f0ff; }

.gmf-socials{ display:flex; gap:10px; }
.gmf-soc{
  display:inline-flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:10px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#e8f0ff; text-decoration:none;
  transition: transform .15s ease, background .2s ease,
              color .2s ease, border-color .2s ease;
}
.gmf-soc:hover{
  transform: translateY(-1px);
  background: rgba(46,119,255,.18);
  border-color: rgba(46,119,255,.35);
  color:#fff;
}
.gmf-soc i{ font-size:16px; line-height:1; }

/* ===== Responsive footer background softness ===== */
@media (max-width: 768px){
  footer.gmf{
    background:
      radial-gradient(900px 380px at 50% -120px, rgba(46,119,255,.07), rgba(46,119,255,0) 60%),
      linear-gradient(180deg, var(--gm-bg) 0%, var(--gm-bg-2) 100%);
    box-shadow:
      0 -1px 0 rgba(255,255,255,.06) inset,
      0 -12px 30px rgba(0,0,0,.24);
  }
}

/* =========================================================
   Woodmart – Off-Canvas (Mobile) -> Fullscreen
   Ziel: mobile menu, cart, login/register
   ========================================================= */

/* ) PANEL selbst: auf Mobile den kompletten Viewport einnehmen */
@media (max-width: 767.98px){
  /* Mobiles Menü */
  .mobile-nav.wd-side-hidden.wd-opened,
  /* Cart & Login/Register (gemeinsame Off-Canvas-Panels) */
  .wd-side-hidden.wd-opened.wd-right,
  .wd-side-hidden.wd-opened.wd-left{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;            /* iOS/Android sicher */
    transform: none !important;           /* evtl. Woodmart-Transform überschreiben */
    border-radius: 0 !important;
    background: #101c3b !important;       /* dein Navy, optional */
    z-index: 100000 !important;
  }

/* Nur MOBIL: Logo oben links NUR im Mobile-Menü (nicht Cart/Signin) */
@media (max-width: 767.98px){
  /* Quelle + Größe (ggf. anpassen) */
  :root{
    --gm-offcanvas-logo: url('https://gamingmarket.eu/wp-content/uploads/2025/10/logo.svg.svg');
    --gm-offcanvas-logo-w: 120px;
    --gm-offcanvas-logo-h: 38px;
  }

  /* Logo als Pseudo-Element NUR für das Menü-Panel */
  .mobile-nav.wd-side-hidden.wd-opened::before{
   content:"";
    position: absolute;
    top: max(12px, env(safe-area-inset-top)); /* iOS notch safe */
    left: 16px;
    width: var(--gm-offcanvas-logo-w);
    height: var(--gm-offcanvas-logo-h);
    background-image: var(--gm-offcanvas-logo);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    z-index: 100001; /* über dem Panel-Content */
    pointer-events: none; /* blockiert nichts */
  }

/* Footer-Logo kompakter */
footer.gmf .gmf-logo{ 
  align-items: center; 
  line-height: 1; 
  padding: 0; 
  margin: 0;
}

footer.gmf .gmf-logo__img{
  height: 42px;        /* statt 130px – wirkt wie im Screenshot */
  width: auto;         /* Seitenverhältnis beibehalten */
  object-fit: contain;
  display: block;      /* kein zusätzlicher Inline-Abstand */
}

/* Auf sehr kleinen Screens gleich bleiben */
@media (max-width: 560px){
  footer.gmf .gmf-logo__img{ height: 42px; width: auto; }
}

/* Optional: wenn die PNG transparenten Rand hat, minimal "optisch trimmen" */
footer.gmf .gmf-logo__img{
  margin-top: -2px;
  margin-bottom: -2px;
}

	
	/* Knappere Logo-Höhe im Off-Canvas */
:root{
  --gm-offcanvas-logo-w: 120px;
  --gm-offcanvas-logo-h: 30px; /* kleiner als 38px */
}

/* Logo näher an den oberen Rand */
.mobile-nav.wd-side-hidden.wd-opened::before{
  top: calc(env(safe-area-inset-top) + 6px); /* statt 12px */
}

/* Menüinhalte unterhalb des Logos starten lassen (Klassen ggf. an Theme anpassen) */
.mobile-nav.wd-side-hidden.wd-opened .menu-scroll,
.mobile-nav.wd-side-hidden.wd-opened .wd-nav,
.mobile-nav.wd-side-hidden.wd-opened .wd-scroll{
  padding-top: calc(env(safe-area-inset-top) + var(--gm-offcanvas-logo-h) + 16px) !important;
  /* 16px = kleiner Sicherheitsabstand unterhalb des Logos */
}

/* =========================================================
   HEADER-FIX – Home transparent, sonst fester Hintergrund
   ========================================================= */

/* Deine Wunschfarbe zentral definieren */
:root{
  --gm-header-bg: #101c3b; /* hier anpassen, wenn gewünscht */
}

/* 1) HOME: wirklich transparent (inkl. Sticky) */
body.home header.whb-header,
body.home header.whb-header .whb-general-header,
body.home header.whb-header .whb-row,
body.home header.whb-header .whb-sticky-row,
body.home header.whb-header .whb-with-bg,
body.home header.whb-header .whb-color-light{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* OPTIONAL: Home beim Scrollen leicht glasig */
body.home header.whb-header.whb-sticked .whb-sticky-row{
  background: rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%);
  backdrop-filter: blur(12px) saturate(130%);
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

/* 2) ALLE ANDEREN SEITEN: feste Farbe erzwingen */
body:not(.home) header.whb-header,
body:not(.home) header.whb-header .whb-general-header,
body:not(.home) header.whb-header .whb-row,
body:not(.home) header.whb-header .whb-sticky-row,
body:not(.home) header.whb-header .whb-with-bg,
body:not(.home) header.whb-header .whb-color-light{
  /* Sowohl background als auch background-color setzen */
  background: var(--gm-header-bg) !important;
  background-color: var(--gm-header-bg) !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 3) Manche Header-Layouts haben noch einen inneren BG-Layer */
header.whb-header .whb-bg-inner{
  background: inherit !important;
  background-color: inherit !important;
}

.scrollToTop {
  position: fixed;
  right: 25px;
  bottom: 100px; /* statt 20–40px */
  z-index: 9999;
  transition: bottom 0.3s ease;
}