/*
Theme Name: Reborn24 Shop
Theme URI: https://reborn24.de/
Author: OpenAI for Reborn24
Description: Modernes WooCommerce-Theme fuer Reborn24. Verwendet das in WordPress hinterlegte Original-Logo.
Version: 1.0.0
Text Domain: reborn24-shop
Requires at least: 6.4
Requires PHP: 8.0
*/

:root{
  --r24-bg:#0a0d12;
  --r24-bg-soft:#111722;
  --r24-card:#151d29;
  --r24-line:#253044;
  --r24-text:#f6f8fb;
  --r24-muted:#aab4c4;
  --r24-accent:#55d66b;
  --r24-accent-2:#94f0a4;
  --r24-white:#fff;
  --r24-max:1240px;
  --r24-radius:20px;
  --r24-shadow:0 22px 60px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--r24-bg);color:var(--r24-text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.r24-container{width:min(calc(100% - 36px),var(--r24-max));margin-inline:auto}.screen-reader-text{position:absolute;left:-9999px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(10,13,18,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.site-branding{display:flex;align-items:center;min-width:180px}.custom-logo{max-height:54px;width:auto}.site-title{font-size:25px;font-weight:900;letter-spacing:-.04em}.main-nav{display:flex;gap:22px;align-items:center;margin-left:auto}.main-nav a{font-weight:700;font-size:14px;color:#dbe2ec}.main-nav a:hover{color:var(--r24-accent)}.header-actions{display:flex;align-items:center;gap:10px}.header-actions a{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--r24-line);border-radius:13px;background:rgba(255,255,255,.035)}.cart-count{background:var(--r24-accent);color:#07120a;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:900;position:absolute;transform:translate(14px,-14px)}.menu-toggle{display:none;background:none;border:1px solid var(--r24-line);color:#fff;border-radius:12px;padding:9px 11px;font-size:20px}

.hero{position:relative;overflow:hidden;padding:88px 0 66px;background:radial-gradient(circle at 78% 20%,rgba(85,214,107,.22),transparent 28%),linear-gradient(145deg,#0a0d12 0%,#0d1520 58%,#0d2014 100%)}.hero:after{content:"";position:absolute;inset:auto -120px -190px auto;width:440px;height:440px;border:1px solid rgba(85,214,107,.18);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid rgba(85,214,107,.28);background:rgba(85,214,107,.08);border-radius:999px;color:#bff8c9;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(46px,6vw,84px);line-height:.98;letter-spacing:-.065em;margin:22px 0}.hero h1 span{color:var(--r24-accent)}.hero-copy{font-size:19px;color:#c7d0dd;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:14px 20px;border-radius:14px;font-weight:900;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--r24-accent);color:#07120a;box-shadow:0 12px 34px rgba(85,214,107,.18)}.btn-primary:hover{transform:translateY(-2px);background:var(--r24-accent-2)}.btn-secondary{border-color:#344055;background:rgba(255,255,255,.04);color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.stat{padding:16px;border-left:2px solid var(--r24-accent);background:rgba(255,255,255,.025)}.stat strong{display:block;font-size:24px}.stat span{color:var(--r24-muted);font-size:13px}.hero-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:var(--r24-shadow)}.device-visual{min-height:410px;border-radius:22px;background:linear-gradient(145deg,#1c2635,#0e131d);display:grid;place-items:center;position:relative;overflow:hidden}.device-visual:before{content:"REBORN24";font-weight:1000;font-size:clamp(36px,4vw,60px);letter-spacing:-.06em;color:rgba(255,255,255,.92);transform:rotate(-7deg)}.device-visual:after{content:"REFURBISHED TECH";position:absolute;bottom:28px;right:28px;color:var(--r24-accent);font-size:12px;font-weight:900;letter-spacing:.18em}.deal-badge{position:absolute;right:16px;top:16px;background:var(--r24-accent);color:#07120a;font-weight:1000;border-radius:14px;padding:9px 12px}

.section{padding:72px 0}.section.soft{background:#0d121a}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{font-size:clamp(32px,4vw,50px);line-height:1.04;letter-spacing:-.05em;margin:0}.section-head p{max-width:620px;color:var(--r24-muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{min-height:178px;padding:20px;border:1px solid var(--r24-line);border-radius:var(--r24-radius);background:linear-gradient(160deg,#151d29,#0e141d);display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:rgba(85,214,107,.5);box-shadow:0 18px 50px rgba(0,0,0,.22)}.category-icon{font-size:34px}.category-card strong{font-size:17px}.category-card span{font-size:12px;color:var(--r24-muted)}

.product-grid,.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important}.product-grid .product-card,.woocommerce ul.products li.product{width:100%!important;margin:0!important;padding:15px!important;border:1px solid var(--r24-line)!important;border-radius:var(--r24-radius)!important;background:var(--r24-card)!important;transition:.2s!important}.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--r24-shadow)}.woocommerce ul.products li.product img{border-radius:14px!important;background:#fff}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px!important;color:#fff!important;min-height:54px}.woocommerce ul.products li.product .price{color:var(--r24-accent)!important;font-size:18px!important;font-weight:900!important}.woocommerce span.onsale{background:var(--r24-accent)!important;color:#07120a!important;min-height:auto!important;line-height:1!important;padding:9px!important;border-radius:10px!important}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--r24-accent)!important;color:#07120a!important;border-radius:12px!important;padding:12px 15px!important;font-weight:900!important}.woocommerce-message,.woocommerce-info{border-top-color:var(--r24-accent)!important;background:#141c26!important;color:#fff!important}.woocommerce-message::before,.woocommerce-info::before{color:var(--r24-accent)!important}

.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.value-card{padding:24px;border:1px solid var(--r24-line);border-radius:var(--r24-radius);background:#121923}.value-card .vicon{font-size:28px}.value-card h3{margin:14px 0 8px}.value-card p{margin:0;color:var(--r24-muted);font-size:14px}.story{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch}.story-panel{padding:34px;border-radius:28px;border:1px solid var(--r24-line);background:linear-gradient(155deg,#151d29,#10151e)}.story-panel.green{background:linear-gradient(155deg,#15331d,#0f1812);border-color:rgba(85,214,107,.25)}.story-panel h2{font-size:40px;line-height:1.05;letter-spacing:-.045em;margin-top:0}.story-panel p{color:#c0cad7}.locations{display:grid;gap:12px;margin-top:18px}.location{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}

.site-footer{padding:50px 0 28px;border-top:1px solid var(--r24-line);background:#070a0e}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.footer-title{font-weight:900;margin-bottom:12px}.footer-links{display:grid;gap:8px;color:var(--r24-muted);font-size:14px}.footer-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--r24-line);display:flex;justify-content:space-between;gap:20px;color:#7f8a9b;font-size:12px}

.content-wrap{padding:48px 0;min-height:60vh}.content-wrap h1{font-size:44px;letter-spacing:-.04em}.woocommerce .quantity .qty{background:#fff;color:#111}.woocommerce div.product{padding:22px;border-radius:20px;background:#101721}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--r24-accent)!important}.woocommerce-product-details__short-description{color:#c7d0dd}.woocommerce table.shop_table{background:#fff;color:#111;border-radius:14px;overflow:hidden}.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:#fff;color:#111;padding:18px;border-radius:14px}

@media(max-width:1040px){.hero-grid{grid-template-columns:1fr}.hero-card{max-width:680px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)!important}.value-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.header-inner{min-height:70px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;left:18px;right:18px;padding:18px;border:1px solid var(--r24-line);border-radius:16px;background:#0e141d;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.header-actions{margin-left:0}.hero{padding-top:56px}.hero-grid{gap:30px}.hero-stats{grid-template-columns:1fr}.device-visual{min-height:280px}.section{padding:54px 0}.section-head{align-items:flex-start;flex-direction:column}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}.story{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.site-title{font-size:21px}}
@media(max-width:480px){.r24-container{width:min(calc(100% - 24px),var(--r24-max))}.category-grid,.product-grid,.woocommerce ul.products,.value-grid{grid-template-columns:1fr!important}.hero h1{font-size:46px}.header-actions .account-link{display:none}}

/* Original Reborn24.de brand logo bundled with the theme */
.reborn24-original-logo{display:block;width:154px;height:68px;object-fit:cover;object-position:center;border-radius:8px}
@media(max-width:600px){.reborn24-original-logo{width:116px;height:52px}}
/* Reborn24 Original-Logo im Hero */
.device-visual:before,
.device-visual:after {
    content: none !important;
    display: none !important;
}

.device-visual img {
    display: block;
    width: 92%;
    max-width: 560px;
    height: auto;
    max-height: 360px;
    margin: auto;
    object-fit: contain;
}
/* Ankauf & Räumungen – zwei breite Karten */
#ankauf .category-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

#ankauf .category-card{
    min-height: 320px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#ankauf .category-card strong{
    font-size: 28px;
    margin-bottom: 14px;
}

#ankauf .category-card p{
    font-size: 17px;
    line-height: 1.65;
    color: var(--r24-muted);
    max-width: 620px;
}

#ankauf .category-card .btn{
    margin-top: auto;
}

@media (max-width: 800px){
    #ankauf .category-grid{
        grid-template-columns: 1fr;
    }
}
/* Grünen REBORN24-Badge im Hero ausblenden */
.hero-card .deal-badge {
    display: none !important;
}
/* IT-Service Weis Bereich */
.itweis-box {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 50px;
    align-items: center;
    padding: 45px;
    border: 1px solid var(--r24-line);
    border-radius: 24px;
    background: linear-gradient(135deg, #111722, #0d151d);
}

.itweis-content h2 {
    font-size: clamp(32px, 4vw, 52px);
    margin: 20px 0;
}

.itweis-services {
    color: var(--r24-muted);
    margin: 22px 0;
}

.itweis-brand {
    background: #fff;
    border-radius: 20px;
    padding: 25px;
    overflow: hidden;
}

.itweis-brand a {
    display: block;
}

.itweis-brand img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 330px;
    object-fit: contain;
}

@media (max-width: 850px) {
    .itweis-box {
        grid-template-columns: 1fr;
        padding: 25px;
    }
}
/* Congstar Vorteil */
.congstar-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 35px 40px;
    border: 1px solid var(--r24-line);
    border-radius: 24px;
    background: linear-gradient(135deg, #111722, #0d151d);
}

.congstar-box h2 {
    margin: 12px 0 15px;
}

.congstar-box p {
    color: var(--r24-muted);
    margin: 8px 0;
}

.congstar-code {
    display: inline-block;
    color: var(--r24-accent);
    font-size: 1.15em;
    letter-spacing: .05em;
}

@media (max-width: 750px) {
    .congstar-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px;
    }
}
/* Header Zusatzlinks */
.header-links {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-left: auto;
    margin-right: 24px;
}

.header-links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

.header-links a:hover {
    color: #4ade68;
}

/* Symbole vor den Links */
.header-links a:nth-child(1)::before {
    content: "☎";
    color: #4ade68;
    font-size: 1.15em;
}

.header-links a:nth-child(2)::before {
    content: "🛒";
    font-weight: 800;
    color: #4ade68;
    font-size: 0.9em;
}

.header-links a:nth-child(3)::before {
    content: "▣";
    color: #4ade68;
    font-size: 1.15em;
}
/* Startseite im Header an Zusatzlinks angleichen */
.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav li {
    list-style: none;
}

.main-nav li::marker {
    content: "";
}

.main-nav a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

.main-nav a::before {
    content: "⌂";
    color: #4ade68;
    font-size: 1.3em;
    font-weight: 700;
}

.main-nav a:hover {
    color: #4ade68;
}

/* Finale Header-Navigation */

.main-nav {
    margin-left: auto;
    margin-right: 0;
    padding: 0;
    border: 0;
}

.main-nav ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.main-nav li {
    display: flex;
}

.header-links {
    display: flex;
    align-items: center;
    gap: 0;
    margin-left: 0;
    margin-right: 24px;
}

/* Alle 4 Navigationspunkte gleich groß und mittig */
.main-nav a,
.header-links a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 145px;
    height: 64px;

    padding: 0 20px;
    box-sizing: border-box;

    border-right: 1px solid #344150;

    color: #fff;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

/* IT-Service braucht rechts keine Trennlinie */
.header-links a:last-child {
    border-right: none;
}

/* Symbole sauber über dem Text */
.main-nav a::before,
.header-links a::before {
    margin: 0 0 5px 0;
    line-height: 1;
}

/* Hover */
.main-nav a:hover,
.header-links a:hover {
    color: #4ade68;
}
/* Trennlinien im Header komplett entfernen */
.main-nav,
.main-nav a,
.header-links a {
    border-right: none !important;
}
/* Header: Symbol und Text wieder nebeneinander */
.main-nav a,
.header-links a {
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    height: auto;
}