:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    
    --bs-body-bg: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-success-lighter: #00d057;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}


:root {
    --bs-primary: #0d6efd; 
    --bs-primary-bg: #ffffff; 
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; 
    --bs-secondary-text: #212529; 
    --bs-accent: #07c152; 
    --bs-footer-bg: #ffffff; 
    --bs-footer-text: #212529; 
    
    --bs-preloader-second: #f21559; 
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    
    --bs-primary-lighter: #6AA4FF;
    --bs-primary-darker: #004CCB;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #00d057;
    --bs-accent-lighter: #00d057;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #0076FF;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    
    --bs-body-color: #212529;
    --ip-btn-primary-background: #0d6efd;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #0d6efd;
    --ip-radio-checked-background: #0d6efd;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #00d057;
    --ip-modal-primary-background: #ffffff;
    
    --ip-header-main-bg: #ffffff; 
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #0d6efd;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #0d6efd;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #0d6efd;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #0d6efd;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; 
    --ip-input-background: #ffffff; 
    --ip-carousel-button-color: #0d6efd;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px; 
    --base-font-size: 16px; 
    --base-font-family: 'Arial', sans-serif; 
    --heading-font-family: 'Roboto', sans-serif; 
    --product-box-size: 250px; 


    
    --ip-icon-primary-1: #7f6eff;
    --ip-icon-primary-2: #7e37ff;
    --ip-icon-primary-3: #7c00ff;
    --ip-icon-primary-4: #6120de;
    --ip-icon-primary-5: #4300c4;

    --ip-icon-primary-accent: #f5a8f5;

    --ip-icon-secondary-1: #fff;
    --ip-icon-secondary-2: #f3f3f3;
    --ip-icon-secondary-3: #e9e9e9;
    --ip-icon-secondary-4: #e4e4e4;
    --ip-icon-secondary-5: #ccc;

    --ip-icon-eco-1: #f4e3d3;
    --ip-icon-eco-2: #f4e0ce;
    --ip-icon-eco-3: #dbccbd;

    --ip-icon-darkest: #3a3a3a;
}


:root {
  --bs-primary: #d43f3a; /* Główny kolor */
    --bs-primary-bg: #ffffff; /* Kolor tła */
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; /* Drugi kolor tła */
    --bs-secondary-text: #212529; /* Drugi kolor tła */
    --bs-accent: #d9534f; /* Kolor akcentu */
    --bs-footer-bg: #ffffff; /* Kolor tła stopki */
    --bs-footer-text: #212529; /* Kolor tekstu stopki */
    /* Kolory dodatkowe */
    --bs-preloader-second: #f21559; /* Drugi kolor preloadera */
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    /* ZMIANY ODCIENI GŁÓWNYCH */
    --bs-primary-lighter: #f4524b;
    --bs-primary-darker: #bf3733;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #f4524b;
    --bs-accent-lighter: #f4524b;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #d9534f;
    --bs-info: #d43f3a;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    /* GŁÓWNE RGB */
    --bs-body-color: #212529;
    --ip-btn-primary-background: #d43f3a;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #d43f3a;
    --ip-radio-checked-background: #d43f3a;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #f4524b;
    --ip-modal-primary-background: #ffffff;
    /**/
    --ip-header-main-bg: #ffffff; /* this !!!MUST!!! be the SAME background as the background of the LOGO */
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #d43f3a;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #d43f3a;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #d43f3a;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #d43f3a;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; /* input text color */
    --ip-input-background: #ffffff; /* keep it white if possible */
    --ip-carousel-button-color: #d43f3a;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1320px; /* page container width, adjust between 1100 to 1300 */
    --base-font-size: 16px; /* font size for the html tag, adjust between 15-18 */
    --base-font-family: 'Arial', sans-serif; /* font family for the body tag */
    --heading-font-family: 'Roboto', sans-serif; /* font family for the headings */
    --product-box-size: 250px; /* adjust between 200-300 */
    --heading-prices-choose: #212529;
}

.app-modal-inner.ip-container-bg.ip-br-8.position-relative {
   --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; 
}

a[href="https://smartprint.iwareprint.pl/artykul/pokaz/uruchom_smarta"] {
    display: none;
}

.order-number-text {
     color: var(--bs-primary) !important;
}

.item.order-files .text-info b,
.text-info span.fw-bold.ms-1 {
    color: var(--bs-primary);
}
.cart-actions .actionIconWrapper i {
    color: #212529;
}

i.fa.fa-trash, .fa.fa-pencil {
    color: var(--bs-primary);
}

.order-files svg path {
    fill: var(--bs-primary);
}

.page-container.header-nav {
    transition: all .55s !important;
}

.d-md-flex.justify-content-xl-start.mt-1.mt-md-2.mb-3.mb-md-0 .cursor-pointer{
    color: var(--bs-primary);
}

/*button kod rabatowy*/
.rabateCouponInputWrapper .d-none.d-md-block.input-text-8.mb-0 {
    width: 300px !important;
}
.btn.ip-text-blue.position-absolute {
    top: -3px !important;
}

.ip-btn-success {
    color: var(--bs-white) !important;
    background: var(--bs-accent) !important;
    border-color: var(--bs-accent) !important;
}

.cartCounter {
    background: var(--bs-primary);
}

.ip-svg-primary-circle-fill svg g{
    fill: var(--bs-primary) !important;
}

.ip-svg-primary-circle-fill circle {
    fill: var(--bs-primary) !important;
}

.fa.fa-pencil.ms-1 {
    color: var(--bs-primary);
}

.ip-svg-primary-path-fill g path{
    fill: var(--bs-primary);
}

.position-absolute.naklad-label.text-primary.fw-bold {
    color: var(--bs-primary) !important;
}

.pay-info .p-4.p-md-5.border.ip-br-8.h-100 {
    background-color: white;
}

.pay-info .pay-footer .text-primary {
    color: var(--bs-primary) !important;
}

/******* ikony produktów***********/
.svg-holding-block img, .svg-holding-block svg {
    min-height: 100%;
    min-width: 100%;
    padding: 10px;
}
    
.product-box-single p, .svg-holding-block p.fw-bold, .svg-holding-block p.text-start {
    font-weight: inherit !important;
}
    
.svg-holding-block:hover img,
.svg-holding-block:hover svg {
    width: 110% !important;
    height: 110% !important;
    transition: transform 0.0s ease;
}

.svg-holding-block:hover p.text-start.fw-bold {
    font-weight: 600 !important; 
}


@media screen and (min-width: 1200px) {
    .box.prodbox {
        width: 284px !important;
        height: 284px !important;
    }
    
    .svg-holding-block img, .svg-holding-block svg {
        padding: 0px;
    }
    
    .productBoxesInner {
        grid-column-gap: 35px;
        grid-row-gap: 60px;
        max-width: 1400px;
        margin: auto;
    }
    
    .prodbox {
        max-width: 320px !important;
        margin: 0;
    }
    
    .product-box-single p {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

.d-table-cell.text-center.mx-3.ng-scope.third-column-chosen {
    font-weight: 700 !important;
}

.controller-kontakt .contact-wrap {
    grid-template-columns: repeat(2, 1fr) !important; 
}

#darmowe_probki {
    display: none;
}

#samples-info-section {
    display: none;
}

/* Zamień ikonę CDR */
img[alt="cdr icon"] {
  content: url('https://copylandiatestcp.iwareprint.pl/useruploads/images/copylandiatestcp_iwareprint_pl/gallery_699d5e3805949.svg?1771920959');
}

/* Zamień kolor ramki w polach wpisywanych oraz wyboru */
input.form-control.ng-pristine.ng-valid.ng-scope.ng-touched {
    border-color: #aaa !important;
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, select {
      border: 1px solid #aaa !important;
}

.app-dropdown {
    border: 1px solid #aaa !important;
}    

/* Zamień układ popisów pod graficznymi wartościami parametrów*/
.parameter-button-wrapper .value-gallery-button {
  display: inline-flex; /* lub po prostu niech szerokość wynika z obrazka */
}

.parameter-button-wrapper .btn {
  display: inline-block;
  width: min-content; /* <-- to klucz: szerokość = najwęższy element, czyli obrazek */
}

.parameter-button-wrapper p {
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
}

/* Strona główna - zmiana układu nazw produktu */
.prodbox .h-100,
.prodbox a.h-100,
.prodbox .product-box-single,
.prodbox .svg-holding-block {
  overflow: visible !important;
}

.prodbox .product-box-single {
  position: relative;
}

.prodbox .product-box-single p {
  position: absolute;
  bottom: -1.5rem;
  left: 0;
  right: 0;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 4px;
  text-align: left !important;
}

.prodbox .svg-holding-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  padding: 0 !important;
}

.prodbox .svg-holding-block:hover img {
  width: 100% !important;
  height: 100% !important;
}