/* Smala språk- och läsbarhetsregler. VJ:s ordinarie tema äger layouten. */
.vjo-test-notice{background:#fff3cf;padding:8px 18px;text-align:center;font:12px/1.45 Roboto,sans-serif}
.vjo-de-storefront .vjo-size-table{overflow-x:auto}
.vjo-de-storefront .woocommerce-product-gallery{opacity:1;transition:none}
.vjo-de-storefront .vjo-return-order{margin:1.5em 0;padding-bottom:1.5em;border-bottom:1px solid #ddd}
.vjo-de-storefront .vjo-return-order textarea{display:block;width:100%;min-height:100px}
/* Den separata ångersidan har redan sin H1; inbäddade formulär behåller modulens rubrik. */
.vjo-native-theme.vjo-withdrawal-page .entry-content .vjo-withdrawal>h2:first-child{display:none}
/* Childtemat tvingar annars varukorgsceller till smala tabellkolumner även på mobil. */
@media(max-width:767px){
 .vjo-de-storefront .vjo-footer-grid>section,.vjo-de-storefront .vjo-preview-products>li{min-width:0;overflow-wrap:anywhere}
 .vjo-de-storefront #main table.shop_table th,.vjo-de-storefront #main table.shop_table td{overflow-wrap:anywhere}
 .vjo-de-storefront #main table.shop_table_responsive.cart{width:100%;table-layout:auto}
 .vjo-de-storefront #main table.shop_table_responsive.cart thead{display:none}
 .vjo-de-storefront #main table.shop_table_responsive.cart tbody,
 .vjo-de-storefront #main table.shop_table_responsive.cart tr,
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td{display:block;float:none;width:100%;box-sizing:border-box}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr{margin-bottom:1rem}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td{padding:10px 0!important;text-align:right!important;min-width:0}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td::after{content:"";display:table;clear:both}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td[data-title]::before{content:attr(data-title) ": ";display:block;float:left;max-width:45%;font-weight:600;text-align:left}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-name{text-align:left!important}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-name::before{float:none;max-width:none;margin-bottom:.35em}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-remove::before,
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-thumbnail::before,
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.actions::before{content:none;display:none}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-remove a.remove{margin-left:auto;margin-right:0}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-thumbnail{text-align:left!important}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-thumbnail img{width:96px;max-width:100%;height:auto}
 .vjo-de-storefront #main table.shop_table_responsive.cart tr td.product-quantity .quantity{display:inline-block;float:none;margin:0}
 .vjo-de-storefront #main table.shop_table_responsive.cart tbody th.product-name{display:block;float:none;width:100%;box-sizing:border-box;min-width:0;padding:10px 0!important;text-align:left!important;font-weight:normal;overflow-wrap:anywhere}
 .vjo-de-storefront #main table.shop_table_responsive.cart tbody th.product-name[data-title]::before{content:attr(data-title) ": ";display:block;float:none;max-width:none;margin-bottom:.35em;font-weight:600;text-align:left}
}
/* Kontots äldre mobilmeny kräver ett avstängt JS-snippet; textlänkarna ska alltid vara nåbara. */
@media(max-width:767px){
 .vjo-de-storefront .vjo-account-menu-toggle{display:none!important}
 .vjo-de-storefront .woocommerce-MyAccount-navigation ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 1.5rem;padding:0;height:auto;width:100%;list-style:none}
 .vjo-de-storefront .woocommerce-MyAccount-navigation ul li{min-width:0;margin:0;list-style:none}
 .vjo-de-storefront .woocommerce-MyAccount-navigation ul li a{display:flex!important;align-items:center;gap:.5rem;min-height:44px;box-sizing:border-box;padding:.65rem .5rem!important;text-indent:0;white-space:normal;overflow-wrap:anywhere;color:#222}
 .vjo-native-theme.woocommerce-account .link-box-1>h2{display:none}
 .vjo-native-theme.woocommerce-account #main .woocommerce-MyAccount-navigation ul li a{font-size:12px!important;padding-left:.5rem!important;padding-right:.5rem!important;word-break:normal;hyphens:auto}
 /* Temats breda !important-padding och 80/20-kolumner gör annars totalsumman oläslig. */
 .vjo-de-storefront #main table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details{width:100%;max-width:100%;table-layout:fixed}
 .vjo-de-storefront #main table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr>:first-child{width:55%!important}
 .vjo-de-storefront #main table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr>:nth-child(2){width:45%!important}
 .vjo-de-storefront #main table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
 .vjo-de-storefront #main table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td{box-sizing:border-box;padding:.75em .5em!important;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto}
}
/* Kassatabellens pris-/fraktkolumn får inte tränga ihop tyska produktnamn på mobil. */
@media(max-width:767px){
 .vjo-de-storefront .vjo-preview-products h2{hyphens:auto;word-break:normal}
 .vjo-de-storefront #main #order_review table.woocommerce-checkout-review-order-table,
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table{width:100%;max-width:100%;table-layout:fixed}
 .vjo-de-storefront #main #order_review table.woocommerce-checkout-review-order-table>*>tr>:first-child:not([colspan]),
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>*>tr>:first-child:not([colspan]){width:60%!important}
 .vjo-de-storefront #main #order_review table.woocommerce-checkout-review-order-table>*>tr>:nth-child(2):not([colspan]),
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>*>tr>:nth-child(2):not([colspan]){width:40%!important}
 /* Kustoms cart-klass ärver annars childtemats 25%-kolumn och breda !important-padding. */
 .vjo-de-storefront #main #order_review table.woocommerce-checkout-review-order-table>*>tr>th:not([colspan]),
 .vjo-de-storefront #main #order_review table.woocommerce-checkout-review-order-table>*>tr>td:not([colspan]),
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>*>tr>th:not([colspan]),
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>*>tr>td:not([colspan]){box-sizing:border-box;padding:.75em .5em!important;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto}
 /* Kustom bäddar in en separat fyrkolumnstabell; yttertabellens 60/40 får inte styra den. */
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]{padding:0!important}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table{width:100%;max-width:100%;table-layout:fixed}
 /* Temat döljer redan sista huvudcellen; låt hela första produktraden bestämma kolumnerna. */
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>thead{display:none}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>*>tr>*{box-sizing:border-box;padding:.5em .25em!important;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>*>tr>:nth-child(1){width:32px!important}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>*>tr>:nth-child(2){width:48px!important}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>*>tr>:nth-child(3){width:auto!important}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>*>tr>:nth-child(4){width:80px!important}
 .vjo-de-storefront #main #kco-order-review table.woocommerce-checkout-review-order-table>tbody>tr>td[colspan="2"]>table>*>tr>:nth-child(2) img{width:40px;max-width:100%;height:auto}

}
@media(max-width:480px){
 .vjo-de-storefront .vjo-footer-grid{grid-template-columns:minmax(0,1fr)}
}