/*
Theme Name: Altr
Theme URI: https://envothemes.com/altr-free-wp-theme/
Description: Altr is a fast, clean, lightweight, customizable and modern-looking free responsive WooCommerce WordPress theme for e-commerce stores like clothing, fashion, electronics, ebooks, dress store, sports shop, marketplace, multivendor, equipments or online products. Theme works perfectly with the new block editor (Gutenberg) and popular page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Brizy, Visual Composer etc. Theme is compatible with YITH WooCommerce Wishlist, YITH WooCommerce Compare, WooCommerce Variation Swatches and other popular plugins. The theme is SEO friendly, WPML and RTL ready. Theme demo ready to import: https://envothemes.com/altr/
Author: EnvoThemes
Author URI: https://envothemes.com/
Version: 1.0.2
Tested up to: 6.7
Requires PHP: 5.6
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, full-width-template, right-sidebar, custom-background, custom-menu, custom-header, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, rtl-language-support, blog, e-commerce
Text Domain: altr
Template: entr
*/

/* ——— Kolorystyka i bazowe style motywu potomnego ——— */
a, a:active, a:hover, a:focus { color: #ff0000; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { background-color: #ff0000; }
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #ff0000; }
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt:disabled,
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled,
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt:disabled { background-color: #ff0000; }
.amount-cart { background: #ff0000; }
.amount-cart:before { border-right: 7px solid #ff0000; }
.cart-contents span.count, .woocommerce span.onsale,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #ff0000; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 3px solid #ff0000; }

.site-header { padding: 15px 0; }
.page-area { padding-top: 35px; }

.content-article, .single-post-content {
  clear: none;
  padding: 0 0 25px 0;
  width: 100%;
  border-radius: 15px;
  margin-bottom: 30px;
  box-shadow: 0 10px 25px 0 rgba(25,45,110,.20);
  overflow: hidden;
}
#content-footer-section { background-color: #e6e6e6; }
#content-footer-section .widget-title h3 { color: #1a1a1a; }

.woocommerce article.woo-content, .single-page article {
  padding: 10px 15px 25px 15px;
  border-radius: 15px;
  margin-bottom: 30px;
  box-shadow: 0 10px 25px 0 rgba(25,45,110,.20);
  overflow: hidden;
}
.woocommerce article .product { padding: 25px; margin-bottom: 25px; }
.single-head, .article-meta, .post-excerpt, .single-entry-summary, .entry-footer,
nav.navigation.post-navigation, .single-footer, a.post-edit-link { padding: 0 25px; }

.news-item h2 a { font-size: 45px; line-height: 49px; font-weight: 900; }
.news-item h2 { margin-top: 15px; }
article .has-post-thumbnail .news-item h2 { margin-top: 0; }
span.comments-meta { float: right; }

#sidebar {
  box-shadow: 0 10px 25px 0 rgba(28,45,113,.17);
  padding: 25px;
  border-radius: 15px;
  margin-left: 15px;
  margin-right: -15px;
  margin-bottom: 15px;
}
.widget-title, h2.wp-block-heading { margin-bottom: 15px; }
.woocommerce span.onsale { top: 0; left: 0; }

.title-header .heading-row { justify-content: center; }
.site-menu {
  padding: 10px 0;
  background-color: #fff;
  border-bottom: 1px solid #f6f6f6;
  z-index: 98;
  position: relative;
  box-shadow: 0 10px 15px 0 rgba(25,45,120,.20);
}

.menu-search-widget { max-width: 230px; margin-left: 15px; width: 100%; }
.menu-search-widget .widget_product_search { margin: 0; }
.menu-search-widget input {
  padding-top: 3px; padding-bottom: 3px; height: 36px; line-height: 22px; font-size: 15px; padding-right: 80px;
}
.menu-search-widget button[type="submit"] {
  position: absolute; right: 0; top: 0; padding: 6px 15px; border-radius: 3px; line-height: 22px; font-size: 11px;
}

.header-widget-area { flex: 1; padding-left: 15px; padding-right: 15px; }
.site-heading-sidebar .widget { float: left; margin-right: 20px; margin-bottom: 10px; }

@media (max-width: 767px) {
  .header-widget-area { order: 3; flex: 100%; justify-content: center; text-align: center; }
  .site-heading-sidebar .widget { float: none; }
  .top-bar-section .widget { text-align: center !important; }
  .menu-search-widget { max-width: 100%; margin-right: 15px; }
}

.top-bar-section {
  background-color: #f9f9f9;
  color: #334142;
  padding: 5px 0;
  font-size: 14px;
  border-bottom: 1px solid #f6f6f6;
  z-index: 98;
  position: relative;
}
.top-bar-section .widget, .top-bar-section p { margin-bottom: 0; }
.top-bar-section .widget:nth-child(3n-1){ text-align: center; }
.top-bar-section .widget:nth-child(3n) { text-align: right; }

/* ——— FIX: koszyk/checkout mają zawsze mieścić się w ekranie ——— */

/* 0) awaryjnie: bez poziomego scrolla całej strony */
html, body { overflow-x: hidden !important; }

/* 1) kontenery Bootstrap w koszyku/checkout – 100% szerokości + paddingi */
.woocommerce-cart .container,
.woocommerce-cart .container-fluid,
.woocommerce-checkout .container,
.woocommerce-checkout .container-fluid {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  overflow-x: hidden !important;
}

/* 2) wyzeruj ujemne marginesy .row i przywróć padding kolumnom */
.woocommerce-cart .row,
.woocommerce-checkout .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.woocommerce-cart [class*="col-"],
.woocommerce-checkout [class*="col-"] {
  padding-left: 15px !important;
  padding-right: 15px !important;
  box-sizing: border-box;
}

/* 3) tabela koszyka/checkout: niech dopasowuje kolumny do dostępnej szerokości */
.woocommerce-cart .shop_table,
.woocommerce-checkout .shop_table {
  table-layout: fixed !important;
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: separate; /* bez znikających granic przy overflow */
}

/* 4) zawijanie treści – domyślnie normal, liczby w jednej linii */
.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td,
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
  white-space: normal !important;
  word-break: break-word !important;
}
.woocommerce-cart td.product-remove,
.woocommerce-cart td.product-quantity,
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal,
.woocommerce-checkout td.product-quantity,
.woocommerce-checkout td.product-price,
.woocommerce-checkout td.product-subtotal {
  white-space: nowrap !important;
}

/* 5) miniatury i przyciski ekspresowe nie mogą rozpychać układu */
.woocommerce-cart .product-thumbnail img,
.woocommerce-checkout .product-thumbnail img {
  max-width: 100% !important;
  height: auto !important;
}
.wc-block-components-express-checkout,
.wcpay-payment-request-wrapper,
.payment_request_button,
.woocommerce .payment_request_button {
  display: block !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* 6) prawa kolumna (podsumowanie) – sensowna szerokość na desktopie */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart_totals { width: 100% !important; }
@media (min-width: 992px) {
  .woocommerce-cart .cart-collaterals {
    max-width: 420px !important;
    margin-left: auto !important;
  }
}