/*
 Theme Name: Astra Child
 Theme URI: https://wpastra.com/
 Description: Child Theme for Astra
 Author: Julien Pontrait
 Author URI: https://kinkystuffmade.com/
 Template: astra
 Version: 1.0.0

 To show impact of changes:
  Cmd + Shift + R (Mac) -> leere browser cache
*/


/* do not show incl. VAT (Mehrwertsteuer) in übersichtsseiten */ 
.astra-shop-summary-wrap .woocommerce-price-suffix{
	display:none;
}

.main-navigation
{
	letter-spacing:2.5px
}

#astra-footer-menu > .menu-item > .menu-link
{
	letter-spacing:2.4px;
}

.ast-footer-copyright p
{
	letter-spacing:1.2px;
}

.ast-plain-container.ast-no-sidebar #primary
{
	margin-top:70px;
	margin-bottom:50px;
}

@media only screen and (max-width: 767px) {
	.ast-plain-container.ast-no-sidebar #primary
{
	margin-top:40px;
	margin-bottom:20px;
}
}

a:where(:not(.wp-element-button))
{
	text-decoration:none;
}



/* transparent header */ 
/* cart hover background */ 

.ast-site-header-cart .ast-site-header-cart-li:hover .ast-addon-cart-wrap {
	color:var(--ast-global-color-2);
}.ast-theme-transparent-header

/* transparent header */ 
/* cart count hover background */ 

.ast-site-header-cart-li:hover .ast-addon-cart-wrap i.astra-icon:after{background-color:var(--ast-global-color-2);}.ast-theme-transparent-header


/* change checkout field background color*/
.woocommerce-account form select, .woocommerce-account form textarea, .woocommerce-account form input[type="text"], .woocommerce-account form input[type="email"], .woocommerce-account form input[type="password"], .woocommerce-checkout form select, .woocommerce-checkout form textarea, .woocommerce-checkout form input[type="text"], .woocommerce-checkout form input[type="email"], .woocommerce-checkout form input[type="password"], .woocommerce-checkout form input[type="tel"] {
background-color:var(--ast-global-color-0)!important;
color:var(--ast-global-color-1)!important;
	border-radius:10px !important;
	border-color:var(--ast-global-color-2)!important;
	 text-transform: none;
}

 
/* remove bestellübersicht ausklapp-button border */
.wc-block-components-panel__button{
	border:none!important;
}

.wc-block-components-order-summary__button-text{
text-transform: none!important;
  letter-spacing: 0px!important;
}


.wc-block-components-form .wc-block-components-text-input label, 
.wc-block-components-text-input label,
.woocommerce-checkout label
{color:var(--ast-global-color-2)!important;}


/* Ändern des Border-Radius für Eingabefelder */
.fluentform input[type="text"], 
.fluentform input[type="email"], 
.fluentform input[type="password"], 
.fluentform textarea{
    border-radius: 10px!important; 
	background-color:var(--ast-global-color-0)!important;
	border-color:var(--ast-global-color-2)!important;
}

/* Ändern des Border-Radius für Eingabefelder */
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
textarea:focus{
 border-style:solid!important;
	border-color:var(--ast-global-color-1)!important;
}

/* Optional: Anpassung der Breite für bestimmte Bildschirmgrößen (z.B. für mobile Geräte) */
@media (max-width: 768px) {
   .ast-mobile-popup-inner {
        width: 200px!important; /* Ändere diesen Wert, um die Breite für mobile Geräte anzupassen */
    }
}

/* Vergrößert den Text im Untermenü bei Hover im Astra-Header */
.main-header-menu .sub-menu a:hover {
    font-size: 1.3em; /* Erhöhe diesen Wert nach Wunsch */
    transition: font-size 0.3s ease-in-out; /* Weicher Übergang */
}

/* entfernt den rand beim schließen buttton beim off-canvas-menu */
.menu-toggle-close{
	border:none!important;
}

.woocommerce-js div.product form.cart .variations select{
	background-color:var(--ast-global-color-0);
	border-radius:10px;
}

.wc-block-components-quantity-selector{
	border: 1px solid!important;
	border-color:var(--ast-global-color-7)!important;
	border-radius:10px!important;
}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{
		 color:var(--ast-global-color-3)!important;
}
/* Linker Border-Radius für die Minus-Schaltfläche */
.quantity .minus {
    border-radius: 10px 0 0 10px; /* Linke obere und untere Ecken */
}

/* Linker Border-Radius für die Plus-Schaltfläche */
.quantity .plus {
    border-radius: 0 10px 10px 0; /* Rechte obere und untere Ecken */
}

/* Optional: Linker Border-Radius für das Eingabefeld selbst */
.quantity input[type="number"] {
  	background-color:var(--ast-global-color-0);
	  border-left: none;
	  border-right: none;
}

/* modify woocommerce MyAccount-Section */
.woocommerce-MyAccount-navigation-link, .woocommerce-MyAccount-navigation-link--dashboard,.woocommerce-MyAccount-navigation-link.is-active a, .woocommerce-orders-table td, .woocommerce-orders-table tr,.woocommerce-Address-title.title{
	background-color:var(--ast-global-color-0)!important;
	border:none!important;
}



.woocommerce-info, .woocommerce .woocommerce-MyAccount-content address, .woocommerce-js #customer_details, .woocommerce-js .woocommerce table.shop_table, .woocommerce-js .woocommerce table.shop_table tr{
	background-color:var(--ast-global-color-0)!important;
	border:none;
}



/* Optional: Styling für verschiedene Nachrichtentypen */
.woocommerce-error,
.woocommerce-message,
.woocommerce-message:focus,
.woocommerce-message:active,
.woocommerce-info,
.woocommerce-column__title{
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}



.order-number,.order-date,.order-status{
	color:var(--ast-global-color-1);
}

/* Entfernt den Rahmen der Tabelle in den Bestelldetails */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border: none !important; /* Entfernt alle Rahmen */
}

/* Entfernt den Rahmen um das Bestelldetails-Wrapper */
.woocommerce-MyAccount-content .woocommerce-orders,
.woocommerce-MyAccount-content .woocommerce-order-details {
    border: none !important; /* Entfernt den Rahmen um den Wrapper */
}

/* Entfernt den Rahmen der Bestellnummer, des Datums usw. */
.woocommerce-MyAccount-content .woocommerce-order-overview li {
    border-bottom: none !important; /* Entfernt die untere Begrenzungslinie */
}

/* Ändert den Zeilenabstand des Untermenüs */
.main-navigation .sub-menu li a {
    line-height: 3.0; /* Ersetze 2.0 durch den gewünschten Zeilenabstand */
}

.woocommerce-js div.product form.cart table{
	border:none!important;
}
/* do not display "Artikelnummer" + "Kategorie" */
.product_meta,.reset_variations{
	display:none!important;
}
.woocommerce-breadcrumb, .single-product-category{
//	display:none!important;
}

/* remove tabs below pictures */
.additional_information_tab{
	 display:none!important;
}

.woocommerce-tabs{
	padding-top:0!important;
}

/* change colors of variations swatches plugin*/
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item){
color:var(--ast-global-color-2)!important;
	background-color:var(--ast-global-color-0)!important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected{
border: 2px solid var(--ast-global-color-3)!important;!important; 
}
/* Entfernt alle Ränder der WooCommerce-Paginierung */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border: none !important;
    background-color: transparent !important; /* Setzt den Hintergrund transparent */
    box-shadow: none !important; /* Entfernt eventuelle Box-Schatten */
}

/* Verhindert die Hintergrundänderung beim Hover */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover {
    background-color: transparent !important; /* Verhindert die Hintergrundfarbe beim Hover */
    color: inherit !important; /* Optional: Beibehaltung der Textfarbe beim Hover */
}

/* Optional: Entfernt die Ränder zwischen den Paginierungselementen */
.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
}

.woocommerce-result-count,.orderby{
font-size:15px!important;
border:none!important;
	color:var(--ast-global-color-2)!important;
}

/*remove paypal "später bezahlen" option*/
.woocommerce-products-header,.ppcp-messages{
	display:none!important;
}
.ast-archive-description{
	border:none;
	margin:0px;
}

.product_list_widget li,.ast-woo-sidebar-widget {
	border:none!important;
	font-size:15px;
}
.widget-title{
	font-size:20px;
}
.woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title, .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title{
border:none!important;
	background-color:var(--ast-global-color-0)!important;
}


/* Hintergrundfarbe der "Bestellübersicht" im checkout*/
.wc-block-components-order-summary{
background-color:var(--ast-global-color-0)!important;
}

/* zentriere "in den Warenkorb"-button */
.single_add_to_cart_button{
	margin-top:5px!important;
}


/* Stellt das Footer-Menü horizontal dar */
#footer-menu, /* Ersetze #footer-menu mit der tatsächlichen ID oder Klasse deines Menüs */
.footer-menu, /* Falls dein Footer-Menü eine Klasse hat, wie .footer-menu */
.widget_nav_menu ul { 
    list-style: none;
    display: flex;
    justify-content: center; /* Zentriert das Menü horizontal */
    padding-left: 0;
}

/* Entfernt die Standard-Margen von den Menüelementen */
#footer-menu li, 
.footer-menu li, 
.widget_nav_menu ul li {
    margin: 0 15px; /* Optional: Abstand zwischen den Menüpunkten */
}

/* Stellt sicher, dass die Links im Menü wie üblich angezeigt werden */
#footer-menu a, 
.footer-menu a, 
.widget_nav_menu ul a {
    text-decoration: none;
    color: inherit; /* Verwendet die bestehende Textfarbe */
}

/* Entfernt die Punkte vor den Listenelementen */
#footer-menu li,
.footer-menu li,
.widget_nav_menu ul li {
    list-style: none;
}
/* Responsive Anpassung für Tablet */
@media (max-width: 768px) {
    #footer-menu, 
    .footer-menu, 
    .widget_nav_menu ul {
        flex-direction: column; /* Menüeinträge untereinander anordnen */
        align-items: center; /* Zentriert die Spalte */
        gap: 10px; /* Optional: Weniger Abstand zwischen den Menüpunkten im Tablet-Modus */
    }
}
/* hover color for links in product preview on landing page */
.woocommerce-loop-product__title:hover{
	color:var(--ast-global-color-2)!important;
}

/* anpassen der seitlichen widgets im shop */
.wc-block-product-categories-list a, .product-title, .product_list_widget{
	color:var(--ast-global-color-1)!important;
}

.wc-block-product-categories-list a:hover, .product-title:hover{
	color:var(--ast-global-color-2)!important;
}

/* Hover-Zustand des Icons */
.ast-header-account-wrap .ast-header-account-type-icon:hover .ahfb-svg-iconset svg path:not(.ast-hf-account-unfill),
.ast-header-account-wrap .ast-header-account-type-icon:hover .ahfb-svg-iconset svg circle,
.ast-mobile-popup-content.ast-header-account-wrap .ast-header-account-type-icon:hover .ahfb-svg-iconset svg path:not(.ast-hf-account-unfill),
.ast-mobile-popup-content .ast-header-account-wrap .ast-header-account-type-icon:hover .ahfb-svg-iconset svg circle {
    fill:var(--ast-global-color-2)!important; 
}

/* Radio buttons */
.wc-block-components-radio-control .wc-block-components-radio-control__input{
	width:1em!important;
	height:1em!important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option input[type="radio"]:checked, .wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option input[type="radio"]:focus{background-color:var(--ast-global-color-3)!important; 
}

/* quantity icons order summary */
.wc-block-components-order-summary-item__quantity{
	background: var(--ast-global-color-0)!important; 
	border-color: var(--ast-global-color-3)!important; 
	box-shadow:none!important;
	color:var(--ast-global-color-1)!important; 
}

/* länder auswahl box */
.wc-blocks-components-select .wc-blocks-components-select__container{
	border-color:var(--ast-global-color-2)!important; 
	border-radius:10px!important;
	background-color:var(--ast-global-color-0)!important; 
}

/* Custom CSS für das Input-Feld */
.custom-text-field input[type="text"]{
    background-color:var(--ast-global-color-0); 
    border-radius: 10px; 

	padding: 5px; 
		margin-bottom:10px;
    border: 1px solid #ccc;
	color:var(--ast-global-color-3); 
}

/* Placeholder-Text anpassen */
.custom-text-field input[type="text"]::placeholder {
    color: #aaa; /* Farbe des Platzhalter-Texts */
    opacity: 0.7; /* Transparenz des Platzhalter-Texts */
}

/*checkout country selection text color*/
.wc-blocks-components-select, .wc-blocks-components-select__label,.wc-blocks-components-select, .wc-blocks-components-select__select{
	color:var(--ast-global-color-1)!important;
}

/*checkout Versandoptionen Zahlungsoptionen*/

 .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
	 box-shadow:none!important;
}


/* style die produktgaliere auf der startseite */
.wpsf-cart-button a:not(.sp-wqvpro-view-button):not(.sp-wqv-view-button) {
  border-radius:20px!important;
	border-color:var(--ast-global-color-2)!important;
}

/*continue shopping Link in cart */
.continueShopping, .wc-block-components-checkout-return-to-cart-button{
  align-items: center;
	display:flex;
	fill:var(--ast-global-color-3);
		color:var(--ast-global-color-3)!important;
}
.continueShopping, .wc-block-components-checkout-return-to-cart-button:hover{
		color:var(--ast-global-color-4)!important;
}
.wc-block-components-checkout-return-to-cart-button svg{
	margin-right:3px;
}
 /* margin between product variations */
.woocommerce-js div.product form.cart .variations th{
	margin-bottom:0px;
	margin-top:10px;
}

.woocommerce-js div.product form.cart div.quantity {
	margin-top:20px;
			margin-bottom:40px!important;
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button{
	margin-top:20px!important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item {
	margin-top:10px;
}


/* Hintergrundfarbe des Submenüs ändern */
.main-navigation .sub-menu, .ast-header-break-point .main-navigation .sub-menu {
   /* background-color: black!important; */
}


/* Cross sells im warenkorb design */
/* remove select options button */
.wp-block-button.wc-block-components-product-button{
    display: none!important;
}
.wp-block-woocommerce-cart .wp-block-woocommerce-cart-cross-sells-block .cross-sells-product div .wc-block-components-product-name{
	font-size:15px !important;
} 
/* paypal express checkout */
iframe {
  z-index: 0 !important;
}
/* Custom Free Shipping Banner */
.custom-above-header-banner {
    width: 100%;
    background-color: var(--ast-global-color-3); /* Hintergrundfarbe */
    color: var(--ast-global-color-7); /* Textfarbe */
    text-align: center; /* Zentrierter Text */
    padding: 5px 10px; /* 5px oben/unten, 10px links/rechts */
    font-size: 18px; /* Schriftgröße */
    line-height: 1.5; /* Zeilenhöhe */
    word-wrap: break-word; /* Lange Wörter umbrechen */
    overflow-wrap: break-word; /* Alternative für besseren Browser-Support */
    height: auto; /* Automatische Höhe für mehrere Zeilen */
}

/* Responsive Anpassung */
@media (max-width: 768px) {
    .custom-above-header-banner {
        padding: 5px 8px; /* Weniger Innenabstand bei kleineren Geräten */
        font-size: 13px; /* Kleinere Schriftgröße */
    }
}

@media (max-width: 480px) {
    .custom-above-header-banner {
        padding: 5px 5px; /* Minimaler Innenabstand */
        font-size: 12px; /* Kleinste Schriftgröße */
    }
}



/* Entferne Margin und Padding für den WooCommerce Shortcode-Container */
.elementor-widget-shortcode .woocommerce {
    margin: 0 !important;
    padding: 0 !important;
}

/* Entferne zusätzliche Abstände um die Produkte */
.woocommerce ul.products {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none; /* Optional: Entfernt mögliche Punkte oder Styles */
}

/* Entferne Abstände zwischen den einzelnen Produkten */
.woocommerce ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
}

/* Woocommerce Currency Switcher Styling */
/*-------------------------*/
.wcuCurrencySwitcherWidget  {
	margin-bottom:0px!important;
	margin-top:10px;
}
 
/* Anpassen des geöffneten Dropdown-Menüs */
.chosen-container .chosen-drop {
 background-color: var(--ast-global-color-3)!important; 
}

/* style the NEW-Badge */
 .new-badge, .onsale[data-notification="default"] {
    background-color: var(--ast-global-color-3)!important; 
    color: var(--ast-global-color-1)!important;
    font-size: 18px!important;
    font-weight: 900!important;
    text-transform: uppercase!important;
    padding: 4px 12px!important; 
    border-radius:20px!important;
    position:absolute!important; 
    top: -10px!important; 
    right: -10px!important; 
    z-index: 10!important; 
	margin:0px!important;
	line-height:2em!important;
	min-height:2em!important;
}



.accordion-content {
    display: none;
    padding: 10px;
}
.accordion-title {
    cursor: pointer;
    background-color: var(--ast-global-color-8);
    padding: 10px;
    border: 1px solid #ccc;
	border-radius:20px;
}
.accordion-title:hover {
    background-color: var(--ast-global-color-3);
}
.accordion.active .accordion-content {
    display: block;
}

/* Cross sell images on cart page same size */
.wc-block-components-product-image.wp-block-cart-cross-sells-product__product-image img {
    height: 200px; /* Höhe anpassen, z.B. 200px */
    object-fit: cover; /* Sorgt für gleichmäßige Bilddarstellung */
    width: 100%; /* Stellt sicher, dass die Breite gleich bleibt */
    max-height: 100%; /* Verhindert Verzerrungen bei kleineren Bildern */
}

/* hide description tab in single product */
.wc-tabs{
	display:none;
}

.key-hole-lock-option {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.key-hole-lock-option img {
    vertical-align: middle;
    margin-right: 10px;
    max-width: 50px;
    height: auto;
}
.key-hole-lock-option input[type="checkbox"] {
    margin-right: 10px;
}


.ast-menu-toggle {
    outline: none !important;
    border: none !important;
}

.free-shipping-notice {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--ast-global-color-3);
    color: var(--ast-global-color-7);
    border-radius: 5px;
    margin: 10px 0;
    transition: all 0.3s ease;
}

.free-shipping-notice:hover {
  background-color: var(--ast-global-color-4);
    transform: translateY(-2px);
}

/* custom attribute type buttons */
.button-variable-item-set-sml{
	width:100px!important;
	border-radius:20px!important;
}

.woo-variation-swatches .wvs-style-rounded.variable-items-wrapper .variable-item:not(.radio-variable-item) .variable-item-span {
	border-radius:20px!important;
} 

.wc-block-components-checkout-step__description{
	display:none;
}

.components-input-control__container.css-1y1qek0.em5sgkm4 {
  border-radius:10px !important; 
border-color: transparent !important;
}


/* Variable items Vorschaubild vergrößern */
li.image-variable-item {
    width: 60px !important;
    height: 60px !important;
}



/* checkout adrress type field for packstation */


/* Dropdown-Liste selbst */
.select2-container--default .select2-results__option {
    background-color: var(--ast-global-color-7); /* Hintergrundfarbe der Optionen */
    color: var(--ast-global-color-1);
	border:none;
}
/* Gesamtes sichtbares Dropdownfeld */
#shipping_dhl_address_type + .select2-container .select2-selection--single {
    background-color: var(--ast-global-color-0);
    border:none;
}

/* Textfarbe innerhalb des Feldes */
#shipping_dhl_address_type + .select2-container .select2-selection__rendered {
    color: var(--ast-global-color-1); 
}

/* Checkout - Delivery Address */
.wc-block-components-address-card address .wc-block-components-address-card__address-section--secondary {
	color: var(--ast-global-color-2) !important;
}


/* Hide Packstation Auswahl feld - Enable Packstation in DHL Plugin settings */

.components-base-control.wc-block-components-text-input.css-qy3gpb.ej5x27r4 , .components-input-control__container{
    display: none !important;
}

/* Change Company field to Postnummer Field */
/* Original-Label verstecken */
.wc-block-components-address-form__company label {
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Neuen Text einfügen */
.wc-block-components-address-form__company label::after {
    content: "Postnummer ( Only for DHL Packstation )" !important;
    font-size: 14px !important;
    line-height: normal !important;
    display: block !important;
}

/* remove product description in order summary and cart - only show atrributes */
.wc-block-components-product-metadata__description {
    display: none;
}



/* Adult und Uncategorized in WooCommerce Block Sidebar ausblenden */
.wc-block-product-categories-list-item:has(a[href*="adult"]),
.wc-block-product-categories-list-item:has(a[href*="ring-circumference"]),
.wc-block-product-categories-list-item:has(a[href*="uncategorized"])  {
    display: none !important;
}


 .quantity input[type="number"]{
	color:white;
}


 
 

/* SIZE CALCULATOR STYLE */

/* --- GLOBAL WRAPPER --- */
.size-calculator .circumference-input-group {
    display: flex;
    align-items: center;
    border: 1px solid var(--ast-global-color-2);
    border-radius: 50px;
    overflow: hidden;                 /* Entfernt Zwischenlinien */
    width: 155px;                     /* Gesamtbreite */
}
.circumference-input{
    background:transparent!important;
}

/* --- +/- BUTTONS --- */
.size-calculator .circumference-btn {
    border: none;
    font-size: 20px;
    cursor: pointer;
    transition: 0.2s;
    user-select: none;
}


.size-calculator .circumference-btn.btn-pressed {
    transform: scale(0.9);
}

/* --- INPUT TEXTFELD --- */
.size-calculator .circumference-input {
    width: 100%;
    border: none !important;
    text-align: center;
    font-size: 18px;
    padding: 10px;
    outline: none;
    box-shadow: none !important;
    color: var(--ast-global-color-1);
}

/* --- RADIO BUTTON GROUP --- */
.size-calculator .radio-group {
    display: flex;
    gap: 12px;
    margin-top: 10px;
}

.size-calculator .radio-label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.size-calculator .radio-input {
    accent-color: #333;   /* Moderne Darstellung */
}

.size-calculator .radio-custom {
    font-size: 15px;
}

/* --- CALCULATE BUTTON --- */
.size-calculator .calculate-button {
    width: 155px;
    padding: 12px;
    margin-top: 20px;
    font-size: 16px;
    background: var(--ast-global-color-3);
    color: var(--ast-global-color-1);
    border: none;
    border-radius: 6px;
    transition: 0.2s;
}

.size-calculator .calculate-button:hover {
    background:  var(--ast-global-color-4);
}

.size-calculator .btn-success {
    background: #28a745 !important;
}

/* --- RESULTS --- */
.size-calculator .results-grid {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    width:200px;
    color: var(--ast-global-color-1);
    border: 1px solid var(--ast-global-color-2);
    border-radius: 10px;
}

.size-calculator .result-item {
    flex: 1;
    padding: 15px;
    border-radius: 10px; 
    text-align: center;
}

.size-calculator .result-label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}


/* Chrome, Edge, Safari – Number Input Spinner entfernen */
.size-calculator .circumference-input::-webkit-inner-spin-button,
.size-calculator .circumference-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox – Number Input Spinner entfernen */
.size-calculator .circumference-input {
    -moz-appearance: textfield;
}