/* =====================================================
CUSTOM-ANPASSUNG FRANK TEFERT gemeinsam mit ChatGPT
Projekt: Traumtorten.de
Template: XT-Modified / tt_2021
Datum: 15.03.2026

Zweck:
Bewertungssterne, Trustliste, Artikelnummer
und Produktdetails optisch optimieren
===================================================== */


/* ----------------------------------------------------
Bewertungssterne
---------------------------------------------------- */

.fa-star,
.fa-star-half-alt{
color:#f5b301 !important;
}

/* Abstand Sterne ? Bewertung */

.product-trust .stars{
margin-right:5px;
}


/* ----------------------------------------------------
Traumtorten Trustliste
---------------------------------------------------- */

.product-trust{
list-style:none;
padding-left:0;
margin-top:8px;
}

.product-trust li{
list-style:none;
margin-bottom:4px;
line-height:1.4;
}

.product-trust .rating{
margin-bottom:6px;
}


/* ----------------------------------------------------
Grüne Haken vor Vorteilen
---------------------------------------------------- */

span.check{
font-size:0;
}

span.check::before{
content:"\f00c";
font-family:"Font Awesome 5 Free";
font-weight:900;
font-size:14px;
color:#28a745;
margin-right:8px;
}


/* ----------------------------------------------------
Produkttitel + Artikelnummer
---------------------------------------------------- */

/* Titel etwas luftiger */

#product-info .page-header h1{
margin-bottom:16px;
line-height:1.35;
}

/* Artikelnummer */

.product-sku{
font-size:0.9rem;
color:#6c757d;
display:block;
margin-top:0;
margin-bottom:16px;
}


/* ----------------------------------------------------
Versand / Abholung Box kompakter
---------------------------------------------------- */

#product-info-details-box .row{
padding-top:6px !important;
padding-bottom:6px !important;
}
/* ----------------------------------------------------
Trustblock leicht nach rechts verschieben
---------------------------------------------------- */

.product-trust{
margin-left:12px;
}

/* =====================================================
Traumtorten Warenkorbblock rechts ausrichten
===================================================== */

#basket-buttons-bottom .basket-wrapper{
justify-content:flex-start !important;
}

#basket-buttons-bottom .basket-controls{
margin-left:auto !important;
display:flex;
align-items:center;
gap:10px;
}
/* =====================================================
Traumtorten Produktseite
Mobile Abstand Warenkorbblock
===================================================== */

@media (max-width:768px){

#basket-buttons-bottom .basket-text{
margin-bottom:10px;
display:block;
}

}
/* =====================================================
CUSTOM-ANPASSUNG FRANK TEFERT gemeinsam mit ChatGPT
Projekt: Traumtorten Produktseite
Datum: 15.03.2026

Zweck:
Warenkorbblock Desktop optimieren
Button größer und optisch ruhiger darstellen
===================================================== */

@media (min-width:769px){

/* Container */

#basket-buttons-bottom .basket-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
}

/* rechter Bereich */

#basket-buttons-bottom .basket-controls{
display:flex;
align-items:center;
gap:12px;
}

/* Mengenfeld */

#basket-buttons-bottom .basket-qty input{
width:70px;
}

/* Warenkorbbutton */

#basket-buttons-bottom .basket-cart .btn{
min-width:360px;
padding:14px 24px;
font-weight:600;
text-align:center;
}

}
/* =====================================================
CUSTOM-ANPASSUNG FRANK TEFERT gemeinsam mit ChatGPT
Projekt: Traumtorten Produktseite
Datum: 15.03.2026

Zweck:
Warenkorbblock Desktop sauber rechts ausrichten
Mengenfeld optisch verbessern
===================================================== */

@media (min-width:769px){

/* Container */

#basket-buttons-bottom .basket-wrapper{
display:flex;
align-items:center;
}

/* Text links */

#basket-buttons-bottom .basket-text{
margin-right:20px;
}

/* =====================================================
Traumtorten – Warenkorbblock Desktop sauber ausrichten
===================================================== */

@media (min-width:769px){

#basket-buttons-bottom .basket-wrapper{
display:flex;
align-items:center;
gap:20px;
}

/* Text links darf wachsen */

#basket-buttons-bottom .basket-text{
flex:1;
}

/* rechter Bereich ganz nach rechts */

#basket-buttons-bottom .basket-controls{
margin-left:auto;
display:flex;
align-items:center;
gap:12px;
}

/* Mengenfeld eleganter */

#basket-buttons-bottom .basket-qty input{
width:70px;
height:40px;
border-radius:6px;
border:1px solid #ccc;
text-align:center;
font-weight:500;
}

/* Button breiter */

#basket-buttons-bottom .basket-cart .btn{
min-width:320px;
padding:12px 24px;
font-weight:600;
}

}
/* =====================================================
Traumtorten – Warenkorbblock Desktop rechts ausrichten
===================================================== */

@media (min-width:769px){

#basket-buttons-bottom .basket-wrapper{
display:flex;
align-items:center;
}

#basket-buttons-bottom .basket-controls{
margin-left:auto !important;
display:flex;
align-items:center;
gap:12px;
}

/* Abstand Text ? Mengenfeld */

#basket-buttons-bottom .basket-text{
margin-right:25px;
}

/* Mengenfeld eleganter */

#basket-buttons-bottom .basket-qty input{
width:70px;
height:40px;
border-radius:6px;
border:1px solid #ccc;
text-align:center;
}

/* Button breiter */

#basket-buttons-bottom .basket-cart .btn{
min-width:320px;
padding:12px 24px;
font-weight:600;
}

}
/* =====================================================
Traumtorten – Warenkorbblock rechts ausrichten (Desktop)
Datum: 15.03.2026
===================================================== */

@media (min-width: 769px){

#basket-buttons-bottom{
position:relative;
padding:14px 18px;
}

/* rechter Block komplett nach rechts */

#basket-buttons-bottom .basket-controls{
position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);
display:flex;
align-items:center;
gap:12px;
}

/* Text links */

#basket-buttons-bottom .basket-text{
padding-right:360px;
}

/* Mengenfeld */

#basket-buttons-bottom .basket-qty input{
width:70px;
height:40px;
border-radiu

/* =====================================================
Traumtorten – Warenkorbblock optisch stärker
Datum: 15.03.2026
===================================================== */

@media (min-width:769px){

#basket-buttons-bottom{
min-height:90px;
padding:22px 24px;
display:flex;
align-items:center;
}

/* Button stärker hervorheben */

#basket-buttons-bottom .basket-cart .btn{
height:52px;
padding:0 32px;
font-size:16px;
font-weight:600;
}

/* Mengenfeld etwas größer */

#basket-buttons-bottom .basket-qty input{
height:42px;
width:70px;
}

/* etwas mehr Abstand zwischen Text und Menge */

#basket-buttons-bottom .basket-text{
padding-right:380px;
}

}

/* =====================================================
Traumtorten – Warenkorbbutton etwas niedriger
Datum: 15.03.2026
Zweck: mehr Luft im grünen Balken
===================================================== */

@media (min-width:769px){

#basket-buttons-bottom .basket-cart .btn{
height:44px;      /* vorher ca. 52px */
padding:0 28px;
font-size:15px;
}

}

/* =====================================================
Traumtorten Header – Infozeile auf Mobile ausblenden
Datum: 15.03.2026
===================================================== */

@media (max-width:768px){

.header-info{
display:none !important;
}

}
#header .row.pt-3{
padding-top:6px;
padding-bottom:6px;
}