@charset "UTF-8";

.site-header {
display: flex;
flex-direction: column;
width: 100%;
}
.site-header .menu-sideup {
width: 100%;
margin: 0 auto;
background-color: white;
display: flex;
flex-direction: row;
gap: 2em;
justify-content: space-between;
margin: 0 auto;
padding: 0.5em 6vw 0.5em 6vw;
max-width: 1920px;
}
.site-header .menu-sideup .contact-info {
display: flex;
flex-direction: row;
gap: 1.5em;
align-items: center;
}
.site-header .menu-sideup .contact-info .email,
.site-header .menu-sideup .contact-info .phone {
display: flex;
flex-direction: row;
gap: 0.5em;
align-items: center;
}
.site-header .menu-sideup .contact-info .email img {
height: 18px;
width: auto;
}
.site-header .menu-sideup .contact-info .phone img {
height: 24px;
width: auto;
}
.site-header .menu-sideup .contact-info .email a,
.site-header .menu-sideup .contact-info .phone a {
color: #252525;
text-decoration: none;
}
.site-header .menu-sideup .header-meta {
display: flex;
flex-direction: row;
align-items: center;
gap: 1.5em;
}
.site-header .menu-sideup .header-meta .b2b-account {
border: 1px solid #ed6c18;
padding: 5px 15px;
}
.site-header .menu-sideup .header-meta .b2b-account a {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0.5em;
}
.site-header .menu-sideup .header-meta .b2b-account a span {
font-weight: 700;
}
.site-header .menu-sideup .header-meta .language-switcher {
display: flex;
flex-direction: row;
align-items: center;
gap: 1.5em;
}
.site-header .menu-sideup .header-meta .language-switcher a {
line-height: 0;
}
.site-header .menu-sideup .header-meta .language-switcher a img {
height: 20px;
width: auto;
}
@media (max-width: 900px) {
.site-header .menu-sideup {
display: none;
}
}
.site-header .menu-up {
width: 100%;
margin: 0 auto;
background-color: white;
}
.site-header .menu-up.sticky-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999999;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0);
transition: all 0.3s ease;
width: 100%;
}
.site-header .menu-up .menu-up-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
max-width: 1920px;
width: 100%;
margin: 0 auto;
padding: 0.5em 6vw 0.5em 6vw;
}
.site-header .menu-up .header-container img {
height: 45px;
width: auto;
}
.site-header .menu-up .header-search .dgwt-wcas-search-wrapp {
max-width: 600px;
}
.site-header .menu-up .header-search .dgwt-wcas-search-wrapp {
min-width: 380px;
}
@media (min-width: 1400px) {
.site-header .menu-up .header-search .dgwt-wcas-search-wrapp {
min-width: 530px;
}
}
.site-header .menu-up .header-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 9px 20px 9px 20px;
line-height: 24px;
font-size: 1em;
border: 1px solid #bebebe;
border-radius: 0px;
height: auto;
font-family: "Open Sans", sans-serif;
background-color: white;
}
.site-header .menu-up .header-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
left: auto;
right: 23px;
top: 16px;
}
.site-header .menu-up .header-actions {
display: flex;
flex-direction: row;
gap: 2em;
align-items: center;
}
.site-header .menu-up .header-actions .wishlist,
.site-header .menu-up .header-actions .compare {
position: relative;
}
.site-header .menu-up .header-actions .wishlist .wishlist-icon-wrapper,
.site-header .menu-up .header-actions .wishlist .compare-icon-wrapper,
.site-header .menu-up .header-actions .compare .wishlist-icon-wrapper,
.site-header .menu-up .header-actions .compare .compare-icon-wrapper {
position: relative;
display: flex;
flex-direction: column;
}
.site-header .menu-up .header-actions .wishlist .wishlist-icon-wrapper .wishlist-count,
.site-header .menu-up .header-actions .wishlist .compare-icon-wrapper .wishlist-count,
.site-header .menu-up .header-actions .compare .wishlist-icon-wrapper .wishlist-count,
.site-header .menu-up .header-actions .compare .compare-icon-wrapper .wishlist-count {
position: absolute;
top: -8px;
right: 8px;
background-color: #ed6c18;
color: white;
font-size: 11px;
font-weight: bold;
height: 16px;
width: 16px;
padding-top: 2.1px;
display: flex;
align-items: center;
justify-content: center;
}
.site-header .menu-up .header-actions .wishlist .wishlist-icon-wrapper .compare-count,
.site-header .menu-up .header-actions .wishlist .compare-icon-wrapper .compare-count,
.site-header .menu-up .header-actions .compare .wishlist-icon-wrapper .compare-count,
.site-header .menu-up .header-actions .compare .compare-icon-wrapper .compare-count {
position: absolute;
top: -8px;
right: 27px;
background-color: #ed6c18;
color: white;
font-size: 11px;
font-weight: bold;
height: 16px;
width: 16px;
padding-top: 2.1px;
display: flex;
align-items: center;
justify-content: center;
}
.site-header .menu-up .header-actions .user-account a,
.site-header .menu-up .header-actions .compare a,
.site-header .menu-up .header-actions .wishlist a {
display: flex;
flex-direction: column;
gap: 0.2em;
}
.site-header .menu-up .header-actions .user-account a img,
.site-header .menu-up .header-actions .compare a img,
.site-header .menu-up .header-actions .wishlist a img {
height: 20px;
width: auto;
}
.site-header .menu-up .header-actions .user-account a span,
.site-header .menu-up .header-actions .compare a span,
.site-header .menu-up .header-actions .wishlist a span {
font-size: 0.8em;
}
.site-header .menu-up .header-actions .cart-link {
background-color: #ed6c18;
padding: 10px 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0.5em;
}
.site-header .menu-up .header-actions .cart-link span {
color: #ffffff;
font-size: 0.9em;
font-weight: 700;
}
.site-header hr {
width: 100%;
}
.site-header .main-navigation {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
max-width: 1920px;
width: 100%;
margin: 0 auto;
padding: 2em 6vw 1em 6vw;
background-color: black;   }
.site-header .main-navigation .main-menu {
width: 100%;
}
.site-header .main-navigation .main-menu ul {
display: flex;
flex-direction: row;
gap: 1.5em;
}
.site-header .main-navigation .main-menu ul > li:last-child {
margin-left: auto;
}
.site-header .main-navigation .main-menu ul li {
position: relative;
padding-bottom: 20px;
color: white;
}
.site-header .main-navigation .main-menu ul li.menu-item-has-children > a {
position: relative;
padding-right: 20px;
}
.site-header .main-navigation .main-menu ul li.menu-item-has-children > a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-down.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.site-header .main-navigation .main-menu ul li:hover ul.sub-menu {
display: block;
}
.site-header .main-navigation .main-menu ul li#menu-item-309:hover ul.sub-menu, .site-header .main-navigation .main-menu ul li#menu-item-573:hover ul.sub-menu, .site-header .main-navigation .main-menu ul li#menu-item-47011:hover ul.sub-menu, .site-header .main-navigation .main-menu ul li#menu-item-47025:hover ul.sub-menu {
display: flex !important;
}
.site-header .main-navigation .main-menu ul li a {
text-decoration: none;
color: white;
text-transform: uppercase;
}
.site-header .main-navigation .main-menu ul li ul.sub-menu {
display: none;
position: absolute;
top: calc(100% - 20px);
left: 0;
background-color: black;
min-width: 450px;
z-index: 1000;
flex-direction: column;
gap: 0;
padding: 20px 0;
}
.site-header .main-navigation .main-menu ul li ul.sub-menu li {
width: 100%;
padding: 0;
}
.site-header .main-navigation .main-menu ul li ul.sub-menu li a {
color: white;
padding: 8px 30px;
text-decoration: none;
display: block;
font-size: 16px;
width: 100%;
}
.site-header .main-navigation .main-menu ul li ul.sub-menu li a:hover {
color: #ed6c18;
}
.site-header .main-navigation .main-menu ul li ul.sub-menu li.current-menu-item a {
color: #ed6c18;
}
.site-header .main-navigation .main-menu ul li:nth-child(4) a {
color: rgba(255, 199, 45, 0.795);
}
.site-header .main-navigation .main-menu ul li:nth-child(7) a {
color: #ed6c18;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu,
.site-header .main-navigation #menu-item-573 ul.sub-menu,
.site-header .main-navigation #menu-item-47011 ul.sub-menu,
.site-header .main-navigation #menu-item-47025 ul.sub-menu {
background-color: black;
flex-direction: row !important;
gap: 1em;
padding: 1.5em;
width: 90vw !important;
min-width: auto !important;
max-width: 1625px !important;
position: fixed !important;
left: 50% !important;
transform: translateX(-50%) !important;
top: auto !important;
z-index: 9999;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li,
.site-header .main-navigation #menu-item-573 ul.sub-menu li,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
min-width: auto;
max-width: none;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li a,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a {
position: relative;
color: white !important;
font-weight: bold;
text-align: center;
display: block;
width: 100%;
text-decoration: none;
padding: 0 0.5em 1em 0.5em;
white-space: nowrap;  }
.site-header .main-navigation #menu-item-309 ul.sub-menu li a::before,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a::before,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a::before,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a::before {
content: "";
display: block;
width: 100%;
min-height: 180px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0.5em;
transition: all 0.3s ease;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li a::after,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a::after,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a::after,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 180px;
background: rgba(0, 0, 0, 0);
z-index: 1;
transition: all 0.3s ease;
pointer-events: none;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li a:hover::after,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a:hover::after,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a:hover::after,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a:hover::after {
background: rgba(0, 0, 0, 0.6);
}
.site-header .main-navigation #menu-item-316 a::before,
.site-header .main-navigation #menu-item-574 a::before,
.site-header .main-navigation #menu-item-47012 a::before,
.site-header .main-navigation #menu-item-47026 a::before { background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/boho.png);
}
.site-header .main-navigation #menu-item-317 a::before,
.site-header .main-navigation #menu-item-575 a::before,
.site-header .main-navigation #menu-item-47013 a::before,
.site-header .main-navigation #menu-item-47027 a::before { background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/classic.png);
}
.site-header .main-navigation #menu-item-318 a::before,
.site-header .main-navigation #menu-item-576 a::before,
.site-header .main-navigation #menu-item-47014 a::before,
.site-header .main-navigation #menu-item-47028 a::before { background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/industrial.png);
}
.site-header .main-navigation #menu-item-319 a::before,
.site-header .main-navigation #menu-item-577 a::before,
.site-header .main-navigation #menu-item-47015 a::before,
.site-header .main-navigation #menu-item-47029 a::before { background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/loft.png);
}
.site-header .main-navigation #menu-item-320 a::before,
.site-header .main-navigation #menu-item-578 a::before,
.site-header .main-navigation #menu-item-47016 a::before,
.site-header .main-navigation #menu-item-47030 a::before { background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/royal.png);
}
.site-header .main-navigation #menu-item-321 a::before,
.site-header .main-navigation #menu-item-579 a::before,
.site-header .main-navigation #menu-item-47017 a::before,
.site-header .main-navigation #menu-item-47031 a::before { background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/vintage.png);
}
@media (max-width: 1300px) {
.site-header .main-navigation #menu-item-309 ul.sub-menu,
.site-header .main-navigation #menu-item-573 ul.sub-menu,
.site-header .main-navigation #menu-item-47011 ul.sub-menu,
.site-header .main-navigation #menu-item-47025 ul.sub-menu {
max-width: 95vw;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li,
.site-header .main-navigation #menu-item-573 ul.sub-menu li,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li {
min-width: 100px;
max-width: 150px;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li a,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a {
padding: 0 8px 12px 8px;
font-size: 14px;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li a::before,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a::before,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a::before,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a::before {
min-height: 120px;
}
.site-header .main-navigation #menu-item-309 ul.sub-menu li a::after,
.site-header .main-navigation #menu-item-573 ul.sub-menu li a::after,
.site-header .main-navigation #menu-item-47011 ul.sub-menu li a::after,
.site-header .main-navigation #menu-item-47025 ul.sub-menu li a::after {
height: 120px;
}
}
.breadcrumbs {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 1.6em 6vw 0em 6vw;
}
.breadcrumbs .aioseo-breadcrumbs .aioseo-breadcrumb a {
color: #252525;
text-decoration: none;
}
.breadcrumbs .aioseo-breadcrumbs .aioseo-breadcrumb:last-of-type {
font-weight: 600 !important;
}
.mobile-menu-toggle {
display: none;
flex-direction: column;
justify-content: space-between;
width: 27px;
height: 18px;
position: relative;
z-index: 10001;
cursor: pointer;
}
.mobile-menu-toggle span {
display: block;
height: 2px;
width: 100%;
background-color: #252525;
transition: all 0.3s ease;
}
.mobile-menu-toggle.active span:first-child {
transform: translateY(8px) rotate(45deg);
}
.mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.mobile-menu-toggle.active span:last-child {
transform: translateY(-8px) rotate(-45deg);
}
.mobile-menu-container {
position: fixed;
top: 0;
right: -100%;
width: 90%;
max-width: 400px;
height: 100vh;
background-color: white;
z-index: 10000;
overflow-y: auto;
padding: 80px 30px 30px;
transition: right 0.3s ease;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
}
.mobile-menu-container.active {
right: 0;
}
.mobile-menu-container .mobile-menu-inner {
display: flex;
flex-direction: column;
gap: 25px;
height: 100%;
padding-top: 2em;
}
.mobile-menu-container .mobile-menu-inner .mobile-logo {
display: none;
}
.mobile-menu-container .mobile-menu-inner .mobile-search .dgwt-wcas-search-wrapp {
max-width: 100%;
min-width: auto !important;
}
.mobile-menu-container .mobile-menu-inner .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
padding: 12px 20px;
line-height: 24px;
font-size: 16px;
border: 1px solid #bebebe;
border-radius: 0px;
height: auto;
font-family: "Open Sans", sans-serif;
background-color: white;
width: 100%;
}
.mobile-menu-container .mobile-menu-inner .mobile-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
left: auto;
right: 23px;
top: 19px;
}
.mobile-menu-container .mobile-navigation {
flex: 1;
}
.mobile-menu-container .mobile-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.mobile-menu-container .mobile-navigation ul li {
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu-container .mobile-navigation ul li a {
display: block;
padding: 15px 0;
color: #252525;
text-decoration: none;
font-size: 16px;
font-weight: 500;
transition: color 0.2s ease;
}
.mobile-menu-container .mobile-navigation ul li a:hover {
color: #ed6c18;
}
.mobile-menu-container .mobile-navigation ul li.menu-item-has-children > a {
position: relative;
padding-right: 25px;
}
.mobile-menu-container .mobile-navigation ul li.menu-item-has-children > a::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 12px;
height: 12px;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-down.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.2s ease;
}
.mobile-menu-container .mobile-navigation ul li.menu-item-has-children.active > a::after {
transform: translateY(-50%) rotate(180deg);
}
.mobile-menu-container .mobile-navigation ul li .sub-menu {
display: none;
background-color: rgba(0, 0, 0, 0.02);
border-left: 3px solid #ed6c18;
margin-top: 5px;
}
.mobile-menu-container .mobile-navigation ul li .sub-menu li {
border-bottom: none;
padding-left: 20px;
}
.mobile-menu-container .mobile-navigation ul li .sub-menu li a {
padding: 10px 0;
font-size: 14px;
font-weight: 400;
color: rgba(37, 37, 37, 0.8);
}
.mobile-menu-container .mobile-navigation ul li .sub-menu li a:hover {
color: #ed6c18;
}
.mobile-menu-container .mobile-navigation ul li.active > .sub-menu {
display: block;
}
.mobile-menu-container .mobile-actions {
display: flex;
flex-direction: column;
gap: 15px;
padding-top: 20px;
}
.mobile-menu-container .mobile-actions .wishlist,
.mobile-menu-container .mobile-actions .compare {
position: relative;
}
.mobile-menu-container .mobile-actions .wishlist .wishlist-icon-wrapper,
.mobile-menu-container .mobile-actions .wishlist .compare-icon-wrapper,
.mobile-menu-container .mobile-actions .compare .wishlist-icon-wrapper,
.mobile-menu-container .mobile-actions .compare .compare-icon-wrapper {
position: relative;
display: inline-block;
}
.mobile-menu-container .mobile-actions .wishlist .wishlist-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .wishlist .wishlist-icon-wrapper .compare-count,
.mobile-menu-container .mobile-actions .wishlist .compare-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .wishlist .compare-icon-wrapper .compare-count,
.mobile-menu-container .mobile-actions .compare .wishlist-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .compare .wishlist-icon-wrapper .compare-count,
.mobile-menu-container .mobile-actions .compare .compare-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .compare .compare-icon-wrapper .compare-count {
position: absolute;
top: -8px;
right: -8px;
background-color: #ed6c18;
color: white;
font-size: 10px;
font-weight: bold;
height: 16px;
width: 16px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.mobile-menu-container .mobile-actions .wishlist .wishlist-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .wishlist .wishlist-icon-wrapper .compare-count,
.mobile-menu-container .mobile-actions .wishlist .compare-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .wishlist .compare-icon-wrapper .compare-count,
.mobile-menu-container .mobile-actions .compare .wishlist-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .compare .wishlist-icon-wrapper .compare-count,
.mobile-menu-container .mobile-actions .compare .compare-icon-wrapper .wishlist-count,
.mobile-menu-container .mobile-actions .compare .compare-icon-wrapper .compare-count {
right: 8px;
}
}
.mobile-menu-container .mobile-actions > div a {
display: flex;
align-items: center;
text-decoration: none;
color: #252525;
padding: 12px 0;
transition: color 0.2s ease;
}
.mobile-menu-container .mobile-actions > div a:hover {
color: #ed6c18;
}
.mobile-menu-container .mobile-actions > div a img {
height: 20px;
width: auto;
margin-right: 15px;
}
.mobile-menu-container .mobile-actions > div a span {
font-weight: 500;
}
.mobile-menu-container .mobile-actions .cart a {
background-color: #ed6c18;
padding: 15px;
color: white !important;
}
.mobile-menu-container .mobile-actions .cart a:hover {
background-color: rgb(194.8192771084, 86.0240963855, 15.1807228916);
color: white !important;
}
.mobile-menu-container .mobile-actions .cart a span {
color: white;
font-weight: bold;
}
.mobile-menu-container .mobile-meta {
display: flex;
flex-direction: column;
gap: 20px;
}
.mobile-menu-container .mobile-meta .b2b-account {
border: 2px solid #ed6c18;
padding: 12px;
text-align: center;
}
.mobile-menu-container .mobile-meta .b2b-account a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #ed6c18;
}
.mobile-menu-container .mobile-meta .b2b-account a img {
margin-right: 10px;
height: 18px;
}
.mobile-menu-container .mobile-meta .b2b-account a span {
font-weight: bold;
}
.mobile-menu-container .mobile-meta .language-switcher {
display: flex;
justify-content: center;
gap: 15px;
padding-bottom: 100px;
}
.mobile-menu-container .mobile-meta .language-switcher a {
padding: 8px;
transition: background-color 0.2s ease;
}
.mobile-menu-container .mobile-meta .language-switcher a img {
height: 20px;
width: auto;
}
.mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
}
@media (max-width: 1300px) {
.site-header .header-wrapper .menu-up .header-search {
display: none;
}
.site-header .header-wrapper .menu-up .header-actions {
display: none;
}
.site-header .header-wrapper .menu-up .header-container img {
height: 60px;
width: auto;
z-index: 1000000000000000000;
position: relative;
}
.site-header .header-wrapper .main-navigation {
display: none;
}
.site-header .header-wrapper hr {
display: none;
}
.mobile-menu-toggle {
display: flex;
}
body.mobile-menu-open {
overflow: hidden;
}
}
@media (max-width: 724px) {
.site-header .header-wrapper .menu-up .header-container img {
height: 35px;
width: auto;
}
.mobile-menu-container {
width: 95%;
max-width: none;
padding: 80px 20px 30px;
}
}
@media (max-width: 480px) {
.mobile-menu-container {
width: 100%;
padding: 80px 15px 30px;
}
} .wishlist-count {
display: none;
}
.wishlist-count.visible {
display: flex;
} .wishlist-count:empty {
display: none;
}
.site-footer {
display: flex;
flex-direction: column;
width: 100%;
margin-top: 5em;
}
.site-footer hr {
width: 100%;
margin-bottom: 0em;
}
.site-footer .info-tag {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 2em 6vw 2em 6vw;
align-items: center;
max-width: 1920px;
margin: 0 auto;
width: 100%;
}
.site-footer .info-tag .info {
display: flex;
flex-direction: row;
gap: 1em;
align-items: center;
}
@media (max-width: 724px) {
.site-footer .info-tag {
flex-direction: column;
justify-content: flex-start;
gap: 2em;
align-items: center;
}
}
.site-footer .site-footer-out {
align-items: center;
background-color: #f6f6f6;
width: 100%;
}
.site-footer .site-footer-out .site-footer-inner {
max-width: 1920px;
padding: 5em 6vw 2em 6vw;
margin: 0 auto;
gap: 5em;
display: flex;
flex-direction: column;
}
@media (max-width: 724px) {
.site-footer .site-footer-out .site-footer-inner {
gap: 2em;
padding: 2em 6vw 2em 6vw;
}
}
.site-footer .site-footer-out .newsletter {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 5em;
width: 100%;
}
.site-footer .site-footer-out .newsletter .newsletter-form {
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 600px;
align-items: flex-start;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-row {
display: flex;
gap: 1.5em;
}
@media (max-width: 724px) {
.site-footer .site-footer-out .newsletter .newsletter-form .form-row {
flex-direction: column;
gap: 1.5em;
}
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 1em;
margin-bottom: 1em;
}
@media (max-width: 724px) {
.site-footer .site-footer-out .newsletter .newsletter-form .form-field {
flex-direction: column;
}
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field p {
display: flex;
flex: 1;
margin: 0;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field .wpcf7-form-control-wrap {
flex: 1;
display: flex;
flex-direction: column;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field input[type=email] {
flex: 1;
height: 100%;
width: 100%;
padding: 1rem 1.2rem;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
font-size: 1rem;
font-family: inherit;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field input[type=email]:focus {
outline: none;
border-color: #ed6c18;
background-color: white;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field input[type=email]::-moz-placeholder {
color: #999;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field input[type=email]::placeholder {
color: #999;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit {
display: flex;
align-items: stretch;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit p {
display: flex;
margin: 0;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit.half {
flex: 1;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit.full {
width: 100%;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit.checkbox-field {
flex-direction: row;
align-items: flex-start;
gap: 0.8em;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit.checkbox-field input[type=checkbox] {
margin-top: 0.2em;
margin-right: 0;
flex-shrink: 0;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit.checkbox-field label {
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 0em;
cursor: pointer;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-submit label {
font-weight: 500;
color: #333;
margin-bottom: 0.5em;
font-size: 1rem;
}
.site-footer .site-footer-out .newsletter .newsletter-form .wpcf7-list-item {
margin: 0 !important;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field.checkbox-field p {
display: flex;
gap: 0.5em;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field.checkbox-field input[type=checkbox] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
cursor: pointer;
position: relative;
margin-top: 0.3em;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field.checkbox-field input[type=checkbox]:checked {
background-color: #333;
border-color: #333;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field.checkbox-field input[type=checkbox]:checked:after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field.checkbox-field input[type=checkbox]:focus {
outline: none;
border-color: #333;
}
.site-footer .site-footer-out .newsletter .newsletter-form .form-field.checkbox-field label {
font-size: 0.9rem;
line-height: 1.4;
color: #333;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.site-footer .site-footer-out .newsletter .newsletter-form .wpcf7-form {
margin: 0;
}
.site-footer .site-footer-out .newsletter .newsletter-form .wpcf7-form .wpcf7-not-valid-tip {
color: #e74c3c;
font-size: 0.85rem;
margin-top: 0.3em;
}
.site-footer .site-footer-out .newsletter .newsletter-form .wpcf7-form .wpcf7-validation-errors {
border: 1px solid #e74c3c;
background-color: #fdf2f2;
color: #e74c3c;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1.5em;
}
.site-footer .site-footer-out .newsletter .newsletter-form .wpcf7-form .wpcf7-mail-sent-ok {
border: 1px solid #27ae60;
background-color: #f0fdf4;
color: #27ae60;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1.5em;
}
.site-footer .site-footer-out .newsletter .newsletter-form .wpcf7-not-valid {
border-color: #e74c3c !important;
background-color: #fdf2f2 !important;
}
@media (max-width: 1024px) {
.site-footer .site-footer-out .newsletter {
flex-wrap: wrap;
gap: 2em;
}
}
.site-footer .site-footer-out .main-content {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 2em;
width: 100%;
}
.site-footer .site-footer-out .main-content .main-content-row {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.site-footer .site-footer-out .main-content .main-content-row .custom-logo-link img {
height: 45px;
width: auto;
}
.site-footer .site-footer-out .main-content .main-content-row h3 {
font-size: 1.3em;
font-weight: 700;
margin-bottom: 0.5em;
}
.site-footer .site-footer-out .main-content .main-content-row a {
text-decoration: none;
color: black;
}
.site-footer .site-footer-out .main-content .main-content-row .social-icons {
display: flex;
flex-direction: row;
gap: 1em;
}
@media (max-width: 1024px) {
.site-footer .site-footer-out .main-content .main-content-row {
width: 100%;
}
}
@media (max-width: 1024px) {
.site-footer .site-footer-out .main-content {
flex-direction: column;
}
}
.site-footer .site-footer-out .add-info {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 2em;
width: 100%;
}
.site-footer .site-footer-out .add-info a {
text-decoration: none;
color: #ed6c18;
}
.custom-product-archive-container {
overflow: hidden;
position: relative;
}
.custom-archive-layout {
display: flex;
flex-direction: column;
gap: 2em;
padding: 2em 6vw 0em 6vw;
max-width: 1920px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1250px) {
.custom-archive-layout {
flex-direction: column;
gap: 0em;
}
}
.shop-description {
display: flex;
flex-direction: column;
gap: 1em;
}
.shop-description h1 {
font-weight: 600;
font-size: 1.7rem;
margin: 0;
padding: 0;
}
@media (min-width: 724px) {
.shop-description h1 {
font-size: 1.8rem;
}
}
.shop-description h1 span {
font-weight: 600;
font-size: 1.7rem;
margin: 0;
padding: 0;
}
@media (min-width: 724px) {
.shop-description h1 span {
font-size: 1.8rem;
}
}
.product-spinner {
transform: translate(0%, 0%);
top: auto !important;
left: auto !important;
}
.added_to_cart {
display: none !important;
}
.custom-archive-sidebar {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
gap: 2em;
padding: 1.5rem 0em;
overflow-y: auto;
}
@media (max-width: 1250px) {
.custom-archive-sidebar {
width: 100%;
position: relative;
top: 0;
max-height: none;
overflow-y: visible;
margin-bottom: 20px;
display: none;
}
}
.custom-archive-sidebar .filter-container {
width: 100%;
}
.custom-archive-sidebar .product-categories-filter {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.5em;
margin-top: 2em;
}
@media (max-width: 1250px) {
.custom-archive-sidebar .product-categories-filter {
margin-top: 0em;
}
}
.custom-archive-sidebar .product-categories-filter .category-item {
border: 1px solid #e0e0e0;
border-radius: 8px;
transition: background-color 0.3s ease-in-out, transform 0.2s ease-in-out;
cursor: pointer;
}
.custom-archive-sidebar .product-categories-filter .category-item:hover {
transform: translateY(-1px);
}
.custom-archive-sidebar .product-categories-filter .category-item .category-header {
display: flex;
justify-content: center;
align-items: center;
}
.custom-archive-sidebar .product-categories-filter .category-item .category-header a {
color: #252525;
text-decoration: none;
transition: color 0.3s ease-in-out;
padding: 0.5em 2.4em;
border-radius: 8px;
}
.custom-archive-sidebar .product-categories-filter .category-item .category-header a.active-color {
background: linear-gradient(to right, #ed6c18, #ed6c18);
color: white;
}
.custom-archive-sidebar .product-categories-filter .category-item .category-header .toggle-subcategory {
color: #252525;
font-size: 0.875rem;
cursor: pointer;
display: flex;
align-items: center;
transition: color 0.3s ease-in-out;
}
.custom-archive-sidebar .product-categories-filter .category-item .category-header .toggle-subcategory.active-color {
background: linear-gradient(to right, #ed6c18, #ed6c18);
color: white;
}
.custom-archive-sidebar .product-categories-filter .category-item .category-header .toggle-subcategory::after {
content: "+";
display: inline-block;
font-size: 1.25rem;
margin-left: 0.25rem;
}
.custom-archive-sidebar .product-categories-filter .category-item .subcategories {
background-color: #000000;
border-radius: 8px;
color: white;
padding: 0em;
margin: 0.75rem 0 0;
list-style: none;
}
.custom-archive-sidebar .product-categories-filter .category-item .subcategories li {
padding: 0.2em 0;
}
.custom-archive-sidebar .product-categories-filter .category-item .subcategories a {
color: white;
text-decoration: none;
font-size: 0.9rem;
}
.custom-archive-content {
display: flex;
flex-direction: column;
width: 100%;
gap: 2em;
}
@media (max-width: 1250px) {
.custom-archive-content {
width: 100%;
}
}
.custom-archive-content .custom-shop-controls {
display: flex;
flex-direction: column;
width: 100%;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 1250px) {
.custom-archive-content .custom-shop-controls .custom-catalog-ordering {
width: 100%;
}
}
.custom-archive-content .custom-shop-controls .woocommerce-ordering {
position: relative;
}
@media (max-width: 1250px) {
.custom-archive-content .custom-shop-controls .woocommerce-ordering {
width: 100%;
}
}
.custom-archive-content .custom-shop-controls .woocommerce-ordering select.orderby {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
display: flex;
align-items: center;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 0.5em 2.4em;
min-width: 210px;
cursor: pointer;
color: #252525;
}
@media (max-width: 1250px) {
.custom-archive-content .custom-shop-controls .woocommerce-ordering select.orderby {
width: 100%;
}
}
.custom-archive-content .custom-shop-controls .woocommerce-ordering select.orderby:focus {
outline: none;
}
.custom-archive-content .custom-shop-controls .woocommerce-ordering select.orderby option {
padding: 10px 20px;
font-weight: normal;
background-color: white;
}
.custom-archive-content .custom-shop-controls .woocommerce-ordering::before {
content: "";
position: absolute;
top: 50%;
right: 2.4em;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-down.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 13px;
height: 13px;
display: inline-block;
pointer-events: none;
z-index: 1;
transform: translateY(-50%) rotate(180deg);
}
.custom-archive-content .products-with-filters-container {
display: flex;
flex-direction: row;
width: 100%;
gap: 2em;
}
@media (max-width: 1250px) {
.custom-archive-content .products-with-filters-container {
flex-direction: column;
}
}
.custom-archive-content .facetwp-template {
width: 80%;
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 3em;
}
@media (max-width: 724px) {
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper {
flex-direction: column;
justify-content: flex-start;
gap: 1em;
}
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper .woocommerce-result-count {
color: #6b6b6b;
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper .woocommerce-ordering {
display: flex;
align-items: center;
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper .woocommerce-ordering .woocommerce-ordering {
margin: 0;
padding: 0;
border: none;
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper .woocommerce-ordering select.orderby {
padding: 8px 30px 8px 12px;
border: 1px solid #ddd;
border-radius: 0px;
background-color: #fff;
font-size: 14px;
color: #333;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 20px;
min-width: 200px;
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper .woocommerce-ordering select.orderby:focus {
outline: none;
border-color: #aaa;
}
.custom-archive-content .facetwp-template .woocommerce-result-sorting-wrapper .woocommerce-ordering select.orderby::-ms-expand {
display: none;
}
@media (max-width: 1250px) {
.custom-archive-content .facetwp-template {
width: 100%;
}
}
.custom-archive-content .custom-products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1em;
width: 100%;
}
@media (max-width: 1300px) {
.custom-archive-content .custom-products-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 724px) {
.custom-archive-content .custom-products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 3em 1em;
}
}
.facetwp-filters-container {
display: flex;
flex-direction: column;
gap: 0.5em;
width: 20%;
}
@media (max-width: 1250px) {
.facetwp-filters-container {
width: 100%;
margin-bottom: 1.5em;
display: none;
}
}
.facetwp-filters-container.mobile-visible {
display: flex;
}
.facetwp-filters-container h3 {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 1rem;
}
.facetwp-filters-container .facetwp-counter {
display: none !important;
}
.facetwp-filters-container .woocommerce-categories-section {
overflow: hidden;
max-height: 1000px;
transition: max-height 0.5s ease;
}
.facetwp-filters-container .woocommerce-categories-section.collapsed {
max-height: 0;
}
.facetwp-filters-container .woocommerce-categories-section .category-count {
color: #9f9f9f;
}
.facetwp-filters-container .woocommerce-categories-section h4 {
font-size: 1.2rem;
font-weight: 600;
}
.facetwp-filters-container .woocommerce-categories-section hr {
border: none;
border-top: 1px solid black;
margin-top: 2em !important;
margin-bottom: 0em !important;
transition: opacity 0.3s ease;
}
.facetwp-filters-container .woocommerce-categories-section.collapsed hr {
opacity: 0;
}
.facetwp-filters-container .woocommerce-categories-section .subcategories-list {
margin-top: 0.5em;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list {
list-style: none;
padding: 0;
margin: 0;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item {
margin-bottom: 8px;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item a {
display: flex;
align-items: center;
padding: 0;
text-decoration: none;
color: #666;
font-size: 1.1rem;
transition: color 0.2s ease;
line-height: 1.4;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item a:hover {
color: #ed6c18;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item a .category-name {
flex-grow: 1;
font-weight: 300;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item.main-category.current-category > a .category-name {
color: #ed6c18;
font-weight: 600;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item.subcategory.current-category > a .category-name {
color: #ed6c18;
font-weight: 600;
}
.facetwp-filters-container .woocommerce-categories-section .woocommerce-categories-list .category-item.main-category.parent-of-current:not(.current-category) > a .category-name {
color: #ed6c18;
font-weight: 400;
}
.facetwp-filters-container .facetwp-filter-section .main-button {
margin-top: 1em;
}
.facetwp-filters-container .facetwp-filter-section h4 {
font-size: 1.2rem;
font-weight: 600;
}
.facetwp-filters-container .facetwp-filter-section hr {
border: none;
border-top: 1px solid black;
margin: 0.5rem 0 0 0;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-facet {
margin-bottom: 0px;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox {
background: none !important;
margin-bottom: 8px !important;
padding: 0 !important;
cursor: pointer !important;
position: relative !important;
transition: all 0.2s ease !important;
display: flex !important;
align-items: center !important;
font-size: 1.1rem !important;
border: none !important;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox::before {
content: "" !important;
position: relative !important;
width: 20px !important;
height: 20px !important;
border: 1px solid #ddd !important;
border-radius: none !important;
background-color: white !important;
display: inline-block !important;
margin-right: 8px !important;
transition: all 0.2s ease !important;
flex-shrink: 0 !important;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox.checked {
color: #333 !important;
font-weight: 500 !important;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox.checked::before {
background-color: #ed6c18 !important;
border-color: #ed6c18 !important;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox:hover {
color: #333 !important;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox:hover::before {
border-color: #ed6c18 !important;
}
.facetwp-filters-container .facetwp-filter-section .facetwp-checkbox .facetwp-display-value {
margin-left: 0 !important;
line-height: 1.4 !important;
font-weight: 300;
}
.mobile-filter-toggle {
display: none;
width: 100%;
color: #252525;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 0.7em 2.4em;
cursor: pointer;
margin-bottom: 15px;
text-align: left;
position: relative;
background-color: white;
}
@media (max-width: 1250px) {
.mobile-filter-toggle {
display: block;
}
}
.mobile-filter-toggle span {
position: absolute;
right: 2.4em;
top: 50%;
transform: translateY(-50%);
}
.mobile-filter-toggle span::before {
content: "+";
font-size: 1.5rem;
display: block;
}
.mobile-filter-toggle.active span::before {
content: "-";
}
.mobile-filters-toggle {
display: none;
}
@media (max-width: 1250px) {
.mobile-filters-toggle {
display: block;
}
}
.mobile-filters-toggle.active {
background-color: #444;
}
@media (max-width: 1250px) {
.no-display-mobile {
display: none;
}
}
.category-header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.category-header-wrapper h3 {
margin: 0;
}
.category-toggle-arrow {
width: 20px;
height: 20px;
position: relative;
transition: transform 0.3s ease;
}
.category-toggle-arrow::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
transform-origin: center;
transform: translate(-50%, -50%) rotate(-135deg); transition: transform 0.3s ease;
}
.category-toggle-arrow.active::before {
transform: translate(-50%, -50%) rotate(45deg); }
.mobile-filters-open {
display: flex;
flex-direction: column;
}
.facetwp-pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 40px 0;
padding: 20px 0;
}
@media (max-width: 768px) {
.facetwp-pagination {
margin: 20px 0;
padding: 15px 0;
}
}
.facetwp-pagination.loading .facetwp-page {
pointer-events: none;
opacity: 0.6;
}
.facetwp-pagination .dots {
display: inline-flex;
align-items: center;
padding: 0 8px;
color: #9ca3af;
font-weight: bold;
}
.facetwp-pager {
display: flex;
align-items: center;
gap: 8px;
}
@media (max-width: 768px) {
.facetwp-pager {
gap: 6px;
}
}
.facetwp-page {
display: flex !important;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.3s ease;
cursor: pointer;
border: 2px solid #e5e7eb;
background-color: #ffffff;
color: #374151;
position: relative;
animation: fadeIn 0.3s ease-in-out;
}
@media (max-width: 768px) {
.facetwp-page {
width: 36px;
height: 36px;
font-size: 13px;
}
}
.facetwp-page.active {
background-color: #ed6c18;
color: #ffffff;
border-color: #ed6c18;
}
.facetwp-page:not(.active):hover {
background-color: #ed6c18;
color: white;
}
.facetwp-page.next, .facetwp-page.prev {
font-size: 12px;
font-weight: 600;
}
.facetwp-page.next {
padding-left: 2px;
}
.facetwp-page.prev {
padding-right: 2px;
}
.facetwp-page.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
} .facet-header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding-top: 1em;
padding-bottom: 1em;
}
.facet-header-wrapper h4 {
margin: 0;
}
.facet-toggle-arrow {
width: 20px;
height: 20px;
position: relative;
transition: transform 0.3s ease;
}
.facet-toggle-arrow::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
transform-origin: center;
transform: translate(-50%, -50%) rotate(-135deg); transition: transform 0.3s ease;
}
.facet-toggle-arrow.active::before {
transform: translate(-50%, -50%) rotate(45deg); } .facet-content {
overflow: hidden;
max-height: 1000px;
transition: max-height 0.5s ease;
}
.facetwp-toggle {
color: #aaa;
}
.facet-content.collapsed {
max-height: 0;
}
.facetwp-filter-section hr {
transition: opacity 0.3s ease;
}
.facet-content.collapsed + hr {
opacity: 0;
}
.shop-add-info {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 1920px;
width: 100%;
margin: 0 auto;
padding: 0em 6vw 0em 6vw;
gap: 2em;
}
.shop-add-info .product-cat-second-description {
width: 100%;
display: flex;
flex-direction: column;
gap: 1em;
}
.shop-add-info .product-cat-second-description ul li {
list-style: disc inside;
}
.shop-add-info .product-cat-second-description h2 {
font-size: 1.4rem;
margin-top: 1.4rem;
}
.shop-add-info .product-cat-second-description h3 {
font-size: 1.2rem;
margin-top: 0.5rem;
font-weight: 600;
}
.shop-add-info .product-cat-second-description h4 {
font-size: 1.1rem;
}
.shop-add-info .product-cat-second-description a {
color: #ed6c18;
}
.shop-add-info .product-cat-second-description div {
width: 100%;
}
.shop-add-info hr {
border: none;
border-top: 1px solid black;
margin-top: 2em !important;
margin-bottom: 5em !important;
transition: opacity 0.3s ease;
width: 100%;
}
.noUi-touch-area {
height: 100%;
width: 100%;
background-color: #ed6c18;
}  .single-product-hero-section {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin: 5em auto 0;
padding: 0 6vw;
box-sizing: border-box;
gap: 2em;
}
@media (max-width: 724px) {
.single-product-hero-section {
margin: 1em auto 0;
}
}
.product-container {
display: flex;
flex-direction: row;
gap: 3rem;
align-items: start;
width: 100%;
}
@media (max-width: 1080px) {
.product-container {
flex-direction: column;
gap: 2em;
}
}
.product-images {
width: 100%;
} .product-summary {
display: flex;
flex-direction: column;
gap: 1.5em;
align-items: flex-start;
width: 100%;
max-width: 100%;
overflow: hidden;
}
.product-summary .product-title {
font-weight: 600;
font-size: 1.7rem;
margin: 0;
padding: 0;
}
@media (min-width: 724px) {
.product-summary .product-title {
font-size: 1.8rem;
}
}
.product-summary .product-title span {
font-weight: 600;
font-size: 1.7rem;
margin: 0;
padding: 0;
}
@media (min-width: 724px) {
.product-summary .product-title span {
font-size: 1.8rem;
}
}
.product-images {
display: flex;
flex-direction: column;
gap: 15px;
overflow: hidden;
width: 100%;
}
.woocommerce-product-gallery__image {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
height: 65vh;
}
.woocommerce-product-gallery__image a {
display: flex;
height: 100%;
width: 100%;
}
.woocommerce-product-gallery__image a img {
height: 100%;
width: 100%;
-o-object-fit: contain !important;
object-fit: contain !important;
}
@media (max-width: 1024px) {
.woocommerce-product-gallery__image {
height: 50vh;
}
}
.woocommerce-product-gallery {
position: relative;
}
.product-gallery-main {
width: 100%;
height: auto;
order: 1;
}
.product-gallery-main .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 0 !important;
overflow: hidden;
height: 60vh;
}
.product-gallery-main .swiper-slide a {
height: 100%;
width: 100%;
}
.product-gallery-main .swiper-slide a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1024px) {
.product-gallery-main .swiper-slide {
height: 50vh;
}
}
.product-gallery-thumbs {
width: 100%;
height: auto;
box-sizing: border-box;
order: 2;
position: relative;
}
.product-gallery-thumbs .swiper-slide {
width: auto !important;
height: 100px;
opacity: 0.4;
cursor: pointer;
border: 1px solid transparent;
box-sizing: border-box;
transition: all 0.3s ease;
margin-right: 10px;
overflow: hidden;
}
.product-gallery-thumbs .swiper-slide img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.product-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
border-color: #ed6c18;
}
.product-gallery-thumbs .swiper-button-next,
.product-gallery-thumbs .swiper-button-prev {
color: #ed6c18 !important;
width: 30px !important;
height: 100% !important;
margin-top: 0 !important;
margin-left: 0 !important;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px !important;
font-weight: 600;
z-index: 10;
}
.product-gallery-thumbs .swiper-button-next.swiper-button-disabled,
.product-gallery-thumbs .swiper-button-prev.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
.product-gallery-thumbs .swiper-button-next:after,
.product-gallery-thumbs .swiper-button-prev:after {
content: "" !important;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/gallery-arrow.svg) !important;
background-size: 25px 25px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 25px !important;
height: 25px !important;
display: inline-block !important;
}
.product-gallery-thumbs .swiper-button-next {
top: 0 !important;
bottom: auto !important;
left: auto !important;
right: 0 !important;
}
.product-gallery-thumbs .swiper-button-next:after {
transform: rotate(90deg) !important;
}
.product-gallery-thumbs .swiper-button-prev {
top: 0 !important;
bottom: auto !important;
left: 0 !important;
right: auto !important;
}
.product-gallery-thumbs .swiper-button-prev:after {
transform: rotate(-90deg) !important;
}
@media (max-width: 768px) {
.product-gallery-thumbs .swiper-slide {
width: auto !important;
height: 80px;
margin-right: 8px;
}
.product-gallery-thumbs .swiper-button-next,
.product-gallery-thumbs .swiper-button-prev {
width: 25px !important;
}
.product-gallery-thumbs .swiper-button-next:after,
.product-gallery-thumbs .swiper-button-prev:after {
width: 20px !important;
height: 20px !important;
background-size: 20px 20px !important;
}
} .product-top-info {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
gap: 1em;
}
@media (max-width: 1080px) {
.product-top-info {
flex-direction: column;
justify-content: flex-start;
}
}
.products-tag-action {
display: flex;
flex-direction: row;
gap: 1.5em;
align-items: center;
}
.products-tag-action .promotion-tag {
background-color: #d43535;
text-transform: uppercase;
padding: 3px 10px;
color: white;
}
.products-tag-action a {
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5em;
} .product-single-details {
display: flex;
flex-direction: row;
width: 100%;
justify-content: space-between;
gap: 1em;
}
@media (max-width: 1080px) {
.product-single-details {
flex-direction: column;
justify-content: flex-start;
}
} .product-prices .lower-price-info {
font-size: 0.9rem;
}
@media (min-width: 1024px) {
.product-prices .lower-price-info {
font-size: 1rem;
}
}
.product-prices h2 {
color: #ed6c18;
}
.product-prices h2 del {
font-size: 1.2rem !important;
font-weight: 400;
}
.product-prices h2 del span {
font-size: 1.2rem !important;
font-weight: 400;
}
.product-prices h2 del span bdi {
font-size: 1.2rem !important;
font-weight: 400;
}
.product-prices h2 del span bdi span {
font-size: 1.2rem !important;
font-weight: 400;
}
.product-prices h2 span {
color: #ed6c18;
}
.product-prices h2 span bdi {
color: #ed6c18;
}
.product-prices h2 span bdi span {
color: #ed6c18;
}
.product-prices p {
font-size: 1.5rem;
font-weight: 700;
}
.product-prices p span {
font-size: 1.5rem;
font-weight: 700;
}
.product-prices p span bdi {
font-size: 1.5rem;
font-weight: 700;
}
.product-prices p span bdi span {
font-size: 1.5rem;
font-weight: 700;
}
.lower-price-info span {
text-decoration: line-through;
} .product-info {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin-bottom: 2em;
}
.product-info > *:nth-child(1),
.product-info > *:nth-child(2),
.product-info > *:nth-child(3) {
flex: 0 1 auto;
}
.product-info > *:nth-child(1) {
margin-right: auto;
}
.product-info > *:nth-child(3) {
margin-left: auto;
}
.product-info > *:nth-child(n+4) {
flex: 0 0 100%;
}
@media (max-width: 1080px) {
.product-info {
flex-direction: column;
}
.product-info > *:nth-child(1),
.product-info > *:nth-child(2),
.product-info > *:nth-child(3),
.product-info > *:nth-child(n+4) {
flex: 1 0 100%;
margin-right: 0;
margin-left: 0;
}
}
.product-info .benefit-card,
.product-info .in-stock,
.product-info .out-of-stock {
display: flex;
gap: 0.5em;
align-items: center;
}
.product-info .benefit-card a span,
.product-info .in-stock a span,
.product-info .out-of-stock a span {
text-decoration: underline;
} .cart-actions {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: flex-start;
gap: 1rem;
width: 100%;
}
.cart-actions .quantity-section {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 100%;
}
.cart-actions .quantity-buttons {
display: flex;
align-items: center;
border: 1px solid #cecece;
width: -moz-fit-content;
width: fit-content;
}
.cart-actions .quantity-buttons .minus-btn,
.cart-actions .quantity-buttons .plus-btn {
background: none;
border: none;
padding: 0.75rem;
cursor: pointer;
font-size: 1.2rem;
color: #252525;
transition: background-color 0.3s;
}
.cart-actions .quantity-buttons #product-quantity {
width: 40px;
text-align: center;
border: none;
padding: 0.75rem 0;
font-size: 1rem;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.cart-actions .quantity-buttons #product-quantity::-webkit-inner-spin-button, .cart-actions .quantity-buttons #product-quantity::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cart-actions .action-buttons {
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
align-items: center;
}
.cart-actions .added_to_cart {
display: none;
}
.cart-actions .buy-now-button {
width: 100%;
}
.cart-actions .add-to-cart-button {
background: #ed6c18;
border: none;
border-radius: 8px;
padding: 1rem 2rem;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
text-decoration: none;
text-align: center;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
width: 100%;
}
.cart-actions .add-to-cart-button .button-text {
display: inline-block;
transition: opacity 0.3s;
color: white;
}
.cart-actions .add-to-cart-button .spinner {
position: absolute;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid #ed6c18;
border-top-color: rgb(226, 226, 226);
border-radius: 50%;
opacity: 0;
animation: spin 0.8s linear infinite;
}
.cart-actions .add-to-cart-button.loading .button-text {
opacity: 0;
}
.cart-actions .add-to-cart-button.loading .spinner {
opacity: 1;
} @keyframes spin {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
} @media (max-width: 1080px) {
.single-product-hero-section {
padding: 0 1rem;
}
.product-container {
gap: 2rem;
}
}
@media (max-width: 724px) {
.cart-actions .add-to-cart-button,
.cart-actions .buy-now-button {
width: 100%;
}
.buy-together .bundled-products .bundled-product label {
flex-wrap: wrap;
gap: 0.5rem;
}
}
@media (max-width: 524px) {
.product-parameters .parameter {
flex-direction: column;
gap: 0.25rem;
}
.product-parameters .parameter .param-name {
font-weight: 600;
}
} .single-product div.product form.cart,
.woocommerce-variation {
display: none !important;
} .delivery-timer {
border: 1px solid #cecece;
border-radius: 20px;
padding: 20px 30px;
margin-bottom: 20px;
}
.delivery-timer-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.delivery-info {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.delivery-text {
font-size: 24px;
font-weight: 600;
color: #ff6b9d;
margin: 0;
}
.timer-display {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 15px;
}
.timer-display > span {
font-size: 16px;
color: #6c757d;
font-weight: 500;
}
.countdown {
display: flex;
align-items: center;
gap: 15px;
font-size: 32px;
font-weight: bold;
}
.time-box {
padding: 15px 20px;
border-radius: 10px;
border: 1px solid #cecece;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
min-width: 80px;
}
.time-number {
font-size: 1em;
font-weight: bold;
color: #333;
line-height: 1;
}
.time-label {
font-size: 14px;
color: #6c757d;
font-weight: 500;
}
.separator {
margin: 0px;
}
@media (max-width: 768px) {
.delivery-timer {
padding: 15px 20px;
width: 100%;
}
.delivery-timer-content {
flex-direction: column;
align-items: flex-start;
justify-content: f;
gap: 15px;
}
.delivery-text {
font-size: 20px;
}
.countdown {
gap: 10px;
}
.time-box {
min-width: 60px;
padding: 10px 15px;
}
.time-number {
font-size: 24px;
}
.separator {
font-size: 20px;
margin-top: 10px;
}
} .product-variations {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 1em;
}
.product-variations .variations {
width: 100%;
border-spacing: 0;
margin-bottom: 1rem;
}
.product-variations .variations td {
padding: 10px 0;
border: none;
}
.product-variations .variations td.label {
width: auto;
min-width: 40px;
font-weight: bold;
color: #333;
}
.product-variations .variations td.value {
width: calc(100% - 90px);
}
.product-variations .variations select {
width: 100%;
padding: 0.5rem 0.8rem;
border: 1px solid #ddd;
border-radius: 0px;
font-size: 16px;
background: white;
transition: border-color 0.3s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 0.7rem top 50%;
background-size: 0.65rem auto;
}
.product-variations .variations select:focus {
border-color: #ed6c18;
outline: none;
}
.single_variation_wrap {
margin-top: 1rem;
}
.single_variation {
padding: 0;
background: none;
border: none;
}
.single_variation .price {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.single_variation .stock {
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 0.4em;
}
.single_variation .stock.in-stock {
color: #248f38;
}
.single_variation .stock.out-of-stock {
color: #e32020;
} .woocommerce-variation-add-to-cart {
display: flex;
gap: 1rem;
margin-top: 1rem;
flex-wrap: wrap;
justify-content: flex-start;
}
.woocommerce-variation-add-to-cart .quantity {
display: flex;
align-items: center;
border: 1px solid #ddd;
border-radius: 0px;
}
.woocommerce-variation-add-to-cart .quantity .minus-btn,
.woocommerce-variation-add-to-cart .quantity .plus-btn {
background: none;
border: none;
padding: 0.5rem 0.8rem;
cursor: pointer;
font-size: 1.2rem;
}
.woocommerce-variation-add-to-cart .quantity input {
width: 40px;
text-align: center;
border: none;
padding: 0.5rem 0;
} .woocommerce-variation-add-to-cart .quantity input[type=number] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.woocommerce-variation-add-to-cart .quantity input[type=number]::-webkit-inner-spin-button,
.woocommerce-variation-add-to-cart .quantity input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
background-color: #ed6c18 !important;
padding: 10px 20px !important;
text-decoration: none !important;
color: white !important;
border-radius: 0 !important;
color: white !important;
transition: background-color 0.3s ease, color 0.3s ease;
border: 1px solid #ed6c18 !important;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {
background-color: transparent !important;
color: #ed6c18 !important;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button:disabled {
background: #ccc;
cursor: not-allowed;
transform: none;
box-shadow: none;
} .woocommerce-variation-add-to-cart .single_add_to_cart_button.loading {
pointer-events: none;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button.loading::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.3);
border-top-color: #fff;
animation: spin 0.8s linear infinite;
}
.woocommerce-variation {
display: none !important;
} @keyframes spin {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
} @media (max-width: 768px) {
.product-variations .variations td.label,
.product-variations .variations td.value {
display: block;
width: 100%;
padding: 5px 0;
}
.product-variations .variations td.label {
width: 100%;
margin-bottom: 5px;
}
.woocommerce-variation-add-to-cart {
flex-direction: column;
align-items: stretch;
gap: 1rem;
}
.woocommerce-variation-add-to-cart .quantity {
justify-content: flex-start;
margin-bottom: 15px;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
width: 100%;
}
}
@media (max-width: 576px) {
.product-variations {
padding: 1rem;
}
.product-variations .variations .parameter {
flex-direction: column;
}
.product-variations .variations .parameter .param-name {
width: 100%;
margin-bottom: 5px;
}
}  #popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9998;
display: none;
} .product-inquiry-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
z-index: 9999;
display: none;
max-width: 600px;
width: 90%;
max-height: 90vh;
overflow-y: auto;
}
.product-inquiry-popup br,
.product-inquiry-popup .wpcf7-spinner {
display: none !important;
}
@media (max-width: 724px) {
.product-inquiry-popup {
width: 95%;
max-height: 95vh;
}
} .close-popup {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
font-size: 2rem;
cursor: pointer;
color: #999;
padding: 0;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: all 0.3s ease;
} .product-inquiry-form {
padding: 2rem 2.5rem;
position: relative;
}
@media (max-width: 724px) {
.product-inquiry-form {
padding: 1.5rem 1.5rem;
}
}
.product-inquiry-form h2 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1.5rem;
margin-top: 0;
color: #333;
padding-right: 2rem;
}
@media (max-width: 724px) {
.product-inquiry-form h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
}
.product-inquiry-form .form-field {
display: flex;
flex-direction: column;
margin-bottom: 1.5rem;
}
.product-inquiry-form .form-field p {
display: flex;
flex-direction: column;
margin: 0;
}
.product-inquiry-form .form-field label {
font-weight: 500;
color: #333;
margin-bottom: 0.5rem;
font-size: 1rem;
}
.product-inquiry-form .form-field .wpcf7-form-control-wrap {
display: flex;
flex-direction: column;
}
.product-inquiry-form .form-field input[type=text],
.product-inquiry-form .form-field input[type=email] {
width: 100%;
padding: 1rem 1.2rem;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
font-size: 1rem;
font-family: inherit;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
.product-inquiry-form .form-field input[type=text]:focus,
.product-inquiry-form .form-field input[type=email]:focus {
outline: none;
border-color: #ed6c18;
background-color: white;
}
.product-inquiry-form .form-field input[type=text]::-moz-placeholder, .product-inquiry-form .form-field input[type=email]::-moz-placeholder {
color: #999;
}
.product-inquiry-form .form-field input[type=text]::placeholder,
.product-inquiry-form .form-field input[type=email]::placeholder {
color: #999;
}
.product-inquiry-form .form-field textarea {
width: 100%;
padding: 1rem 1.2rem;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
font-size: 1rem;
font-family: inherit;
transition: border-color 0.3s ease, background-color 0.3s ease;
resize: vertical;
min-height: 120px;
height: 80px;
}
.product-inquiry-form .form-field textarea:focus {
outline: none;
border-color: #ed6c18;
background-color: white;
}
.product-inquiry-form .form-field textarea::-moz-placeholder {
color: #999;
}
.product-inquiry-form .form-field textarea::placeholder {
color: #999;
}
.product-inquiry-form .form-notice {
margin-bottom: 1.5rem;
}
.product-inquiry-form .form-notice p {
margin: 0;
font-size: 0.9rem;
color: #666;
font-style: italic;
}
.product-inquiry-form .form-submit {
display: flex;
align-items: stretch;
}
.product-inquiry-form .form-submit p {
display: flex;
margin: 0;
width: 100%;
}
.product-inquiry-form .form-submit input[type=submit] {
width: 100%;
padding: 1rem 2rem;
background-color: #ed6c18;
color: white;
border: none;
border-radius: 0px;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
font-family: inherit;
}
.product-inquiry-form .form-submit input[type=submit]:hover {
background-color: rgb(194.8192771084, 86.0240963855, 15.1807228916);
transform: translateY(-1px);
}
.product-inquiry-form .form-submit input[type=submit]:active {
transform: translateY(0);
}
.product-inquiry-form .form-submit input[type=submit]:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(237, 108, 24, 0.3);
}
.product-inquiry-form .form-submit input[type=submit]:disabled {
background-color: #ccc;
cursor: not-allowed;
transform: none;
}
.product-inquiry-form .form-submit .wpcf7-spinner {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
border: 2px solid #f3f3f3;
border-top: 2px solid #ed6c18;
border-radius: 50%;
animation: spin 1s linear infinite;
vertical-align: middle;
}
.product-inquiry-form .wpcf7-form {
margin: 0;
}
.product-inquiry-form .wpcf7-form .wpcf7-not-valid-tip {
color: #e74c3c;
font-size: 0.85rem;
margin-top: 0.3em;
}
.product-inquiry-form .wpcf7-form .wpcf7-validation-errors {
border: 1px solid #e74c3c;
background-color: #fdf2f2;
color: #e74c3c;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1.5em;
}
.product-inquiry-form .wpcf7-form .wpcf7-mail-sent-ok {
border: 1px solid #27ae60;
background-color: #f0fdf4;
color: #27ae60;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1.5em;
}
.product-inquiry-form .wpcf7-not-valid {
border-color: #e74c3c !important;
background-color: #fdf2f2 !important;
} @keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} body.popup-open {
overflow: hidden;
} @media (max-width: 524px) {
.product-inquiry-popup {
width: 98%;
margin: 1%;
}
.product-inquiry-form {
padding: 1rem;
}
.product-inquiry-form h2 {
font-size: 1.3rem;
padding-right: 1.5rem;
}
.product-inquiry-form .close-popup {
top: 0.5rem;
right: 0.5rem;
font-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
} .newsletter-form {
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 600px;
}
.newsletter-form .form-row {
display: flex;
gap: 1.5em;
}
@media (max-width: 724px) {
.newsletter-form .form-row {
flex-direction: column;
gap: 1.5em;
}
}
.newsletter-form .form-field {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 1em;
margin-bottom: 1em;
}
@media (max-width: 724px) {
.newsletter-form .form-field {
flex-direction: column;
}
}
.newsletter-form .form-field p {
display: flex;
flex: 1;
margin: 0;
}
.newsletter-form .form-field .wpcf7-form-control-wrap {
flex: 1;
display: flex;
flex-direction: column;
}
.newsletter-form .form-field input[type=email] {
flex: 1;
height: 100%;
width: 100%;
padding: 1rem 1.2rem;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
font-size: 1rem;
font-family: inherit;
transition: border-color 0.3s ease, background-color 0.3s ease;
}
.newsletter-form .form-field input[type=email]:focus {
outline: none;
border-color: #ed6c18;
background-color: white;
}
.newsletter-form .form-field input[type=email]::-moz-placeholder {
color: #999;
}
.newsletter-form .form-field input[type=email]::placeholder {
color: #999;
}
.newsletter-form .form-submit {
display: flex;
align-items: stretch;
}
.newsletter-form .form-submit p {
display: flex;
margin: 0;
}
.newsletter-form .form-submit.half {
flex: 1;
}
.newsletter-form .form-submit.full {
width: 100%;
}
.newsletter-form .form-submit.checkbox-field {
flex-direction: row;
align-items: flex-start;
gap: 0.8em;
}
.newsletter-form .form-submit.checkbox-field input[type=checkbox] {
margin-top: 0.2em;
margin-right: 0;
flex-shrink: 0;
}
.newsletter-form .form-submit.checkbox-field label {
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 0em;
cursor: pointer;
}
.newsletter-form .form-submit label {
font-weight: 500;
color: #333;
margin-bottom: 0.5em;
font-size: 1rem;
}
.newsletter-form .wpcf7-list-item {
margin: 0 !important;
}
.newsletter-form .form-field.checkbox-field p {
display: flex;
gap: 0.5em;
}
.newsletter-form .form-field.checkbox-field input[type=checkbox] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
cursor: pointer;
position: relative;
margin-top: 0.3em;
}
.newsletter-form .form-field.checkbox-field input[type=checkbox]:checked {
background-color: #333;
border-color: #333;
}
.newsletter-form .form-field.checkbox-field input[type=checkbox]:checked:after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.newsletter-form .form-field.checkbox-field input[type=checkbox]:focus {
outline: none;
border-color: #333;
}
.newsletter-form .form-field.checkbox-field label {
font-size: 0.9rem;
line-height: 1.4;
color: #333;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.newsletter-form .wpcf7-form {
margin: 0;
}
.newsletter-form .wpcf7-form .wpcf7-not-valid-tip {
color: #e74c3c;
font-size: 0.85rem;
margin-top: 0.3em;
}
.newsletter-form .wpcf7-form .wpcf7-validation-errors {
border: 1px solid #e74c3c;
background-color: #fdf2f2;
color: #e74c3c;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1.5em;
}
.newsletter-form .wpcf7-form .wpcf7-mail-sent-ok {
border: 1px solid #27ae60;
background-color: #f0fdf4;
color: #27ae60;
padding: 1rem;
border-radius: 6px;
margin-bottom: 1.5em;
}
.newsletter-form .wpcf7-not-valid {
border-color: #e74c3c !important;
background-color: #fdf2f2 !important;
} .product-images .onsale {
display: none !important;
}
.product-images .woocommerce-product-gallery {
width: 100%;
position: relative;
display: flex;
flex-direction: row-reverse;
gap: 1em;
opacity: 0;
transition: opacity 0.3s ease;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
margin: 0;
padding: 0;
width: 100%;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__image {
position: relative;
overflow: hidden;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: zoom-in;
position: relative;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a img {
width: 100%;
height: 100%;
display: block;
transition: transform 0.3s ease;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover img {
transform: scale(1.05);
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a:after {
content: "🔍";
position: absolute;
top: 10px;
right: 10px;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 8px;
border-radius: 50%;
font-size: 12px;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 5;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
opacity: 1;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
text-align: center;
line-height: 36px;
color: #333;
text-decoration: none;
font-size: 14px;
opacity: 0;
transition: opacity 0.3s ease;
}
.product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
content: "🔍";
}
.woocommerce-product-gallery:hover .product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
opacity: 1;
}
.product-images .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1rem;
width: 100%;
}
.product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) {
display: flex;
flex-direction: column;
gap: 1em;
padding: 0;
list-style: none;
width: 20%;
}
.product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) + .flex-viewport, .product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) ~ .flex-viewport {
width: 80%;
}
.product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) li {
box-sizing: border-box;
cursor: pointer;
width: 100%;
border-radius: 4px;
overflow: hidden;
}
.product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) li img {
width: 100%;
height: auto;
opacity: 0.7;
border: 2px solid transparent;
transition: all 0.3s ease;
}
.product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) li img.flex-active, .product-images .woocommerce-product-gallery .flex-control-thumbs:not(:empty) li img:hover {
opacity: 1;
border-color: #ed6c18;
}
.product-images .woocommerce-product-gallery .flex-control-thumbs:empty {
display: none;
}
.product-images .woocommerce-product-gallery .flex-direction-nav {
list-style: none;
padding: 0;
margin: 0;
}
.product-images .woocommerce-product-gallery .flex-direction-nav a {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 0;
color: #333;
transition: all 0.3s ease;
opacity: 0;
}
.product-images .woocommerce-product-gallery .flex-direction-nav a:hover {
background: rgb(255, 255, 255);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-50%) scale(1.1);
}
.product-images .woocommerce-product-gallery .flex-direction-nav a:before {
font-size: 18px;
font-weight: bold;
}
.product-images .woocommerce-product-gallery .flex-direction-nav a.flex-prev {
left: 15px;
}
.product-images .woocommerce-product-gallery .flex-direction-nav a.flex-prev:before {
content: "‹";
margin-left: -2px;
}
.product-images .woocommerce-product-gallery .flex-direction-nav a.flex-next {
right: 15px;
}
.product-images .woocommerce-product-gallery .flex-direction-nav a.flex-next:before {
content: "›";
margin-left: 2px;
}
.woocommerce-product-gallery:hover .product-images .woocommerce-product-gallery .flex-direction-nav a {
opacity: 1;
}
.pswp {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
touch-action: none;
z-index: 9999999 !important;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: none;
}
.related-product-section {
width: 100%;
max-width: 100%;
padding: 0;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
@media (max-width: 1024px) {
.related-product-section {
margin: 2em 0 0 0;
}
}
.related-product-section .related-product-header {
margin-bottom: 1.5em;
width: 100%;
}
.related-product-section .related-product-header h2 {
font-size: 1.5rem;
font-weight: 600;
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
.related-product-section .related-product-header h2 {
font-size: 1.3rem;
}
}
.related-product-section .down-related-product-section {
width: 100%;
max-width: 100%;
margin-top: 1.5em;
position: relative;
padding: 0 3em;
}
.related-product-section .down-related-product-section .related-product-next,
.related-product-section .down-related-product-section .related-product-prev {
width: 32px;
height: 32px;
background-color: #ffffff;
background-position: center;
background-repeat: no-repeat;
background-size: 14px;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
}
.related-product-section .down-related-product-section .related-product-next:after,
.related-product-section .down-related-product-section .related-product-prev:after {
display: none;
}
.related-product-section .down-related-product-section .swiper-pagination-4 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 1em;
margin-top: 3em;
}
.related-product-section .down-related-product-section .swiper-pagination-4 .swiper-pagination-bullet {
width: 50px;
height: 2px;
border-radius: 0;
background: rgb(202, 202, 202);
}
.related-product-section .down-related-product-section .swiper-pagination-4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ed6c18;
}
.related-product-section .down-related-product-section .related-product-next {
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-right.svg);
right: 0;
transform: translateY(-50%);
}
.related-product-section .down-related-product-section .related-product-prev {
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-right.svg);
left: 0;
transform: translateY(-50%) rotate(180deg);
}
.related-product-section .down-related-product-section .related-product-swiper {
width: 100%;
max-width: 100%;
position: relative;
overflow: hidden;
}
.related-product-section .down-related-product-section .related-product-swiper .swiper-wrapper {
display: flex;
transition-property: transform;
width: 100%;
}
.related-product-section .down-related-product-section .related-product-swiper .swiper-slide {
flex-shrink: 0;
height: auto;
position: relative;
padding: 5px;
box-sizing: border-box;
}
@media (max-width: 724px) {
.related-product-section .down-related-product-section {
padding: 0;
}
}
.related-product-section .related-product-item {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.related-product-section .related-product-link {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
}
.related-product-section .related-product-image {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.related-product-section .related-product-image img {
width: 90%;
height: 90%;
-o-object-fit: cover;
object-fit: cover;
}
.related-product-section .related-product-details {
display: flex;
flex-direction: column;
padding: 0.75em;
gap: 0.5em;
}
.related-product-section .related-product-attributes {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.15em;
flex-wrap: wrap;
}
.related-product-section .related-product-attr {
display: inline-block;
font-size: 0.75rem;
color: #252525;
font-weight: 500;
white-space: nowrap;
}
@media (max-width: 1024px) {
.related-product-section .related-product-attr {
font-size: 0.7rem;
}
}
.related-product-section .related-product-price {
text-align: center;
font-size: 1rem;
}
.related-product-section .related-product-price del {
opacity: 0.6;
font-size: 0.9em;
margin-right: 0.5em;
}
.related-product-section .related-product-price ins {
text-decoration: none;
}
@media (max-width: 1024px) {
.related-product-section {
margin: 2em 0 0 0;
overflow: visible;
}
.related-product-section .related-product-header h2 {
font-size: 1.3rem;
}
.related-product-section .down-related-product-section {
margin-top: 1em;
overflow: visible;
}
.related-product-section .down-related-product-section .related-product-next,
.related-product-section .down-related-product-section .related-product-prev {
display: none;
}
.related-product-section .down-related-product-section .swiper-pagination-4 {
display: none;
}
.related-product-section .down-related-product-section .related-product-swiper {
padding: 0;
overflow: visible;
}
.related-product-section .down-related-product-section .related-product-swiper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
transform: none !important;
transition: none;
width: 100%;
}
.related-product-section .down-related-product-section .related-product-swiper .swiper-slide {
width: 100% !important;
padding: 0;
margin: 0;
}
}
.add-product-section {
width: 100%;
max-width: 100%;
padding: 0;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
@media (max-width: 1024px) {
.add-product-section {
margin: 2em 0 0 0;
}
}
.add-product-section .add-product-header {
margin-bottom: 1.5em;
width: 100%;
}
.add-product-section .add-product-header h2 {
font-size: 1.5rem;
font-weight: 600;
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
.add-product-section .add-product-header h2 {
font-size: 1.3rem;
}
}
.add-product-section .down-products-sale-section {
width: 100%;
max-width: 100%;
margin-top: 1.5em;
position: relative;
padding: 0 3em;
}
.add-product-section .down-products-sale-section .add-product-next,
.add-product-section .down-products-sale-section .add-product-prev {
width: 32px;
height: 32px;
background-color: #ffffff;
background-position: center;
background-repeat: no-repeat;
background-size: 14px;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
}
.add-product-section .down-products-sale-section .add-product-next:after,
.add-product-section .down-products-sale-section .add-product-prev:after {
display: none;
}
.add-product-section .down-products-sale-section .swiper-pagination-2 {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
gap: 1em;
margin-top: 3em;
}
.add-product-section .down-products-sale-section .swiper-pagination-2 .swiper-pagination-bullet {
width: 50px;
height: 2px;
border-radius: 0;
background: rgb(202, 202, 202);
}
.add-product-section .down-products-sale-section .swiper-pagination-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ed6c18;
}
.add-product-section .down-products-sale-section .add-product-next {
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-right.svg);
right: 0;
transform: translateY(-50%);
}
.add-product-section .down-products-sale-section .add-product-prev {
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-right.svg);
left: 0;
transform: translateY(-50%) rotate(180deg);
}
.add-product-section .down-products-sale-section .add-product-swiper {
width: 100%;
max-width: 100%;
position: relative;
overflow: hidden;
}
.add-product-section .down-products-sale-section .add-product-swiper .swiper-wrapper {
display: flex;
transition-property: transform;
width: 100%;
}
.add-product-section .down-products-sale-section .add-product-swiper .swiper-slide {
flex-shrink: 0;
height: auto;
position: relative;
padding: 5px;
box-sizing: border-box;
}
@media (max-width: 724px) {
.add-product-section .down-products-sale-section {
padding: 0;
}
}
.add-product-section .add-product-item {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
}
.add-product-section .add-product-link {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-decoration: none;
color: inherit;
}
.add-product-section .add-product-image {
width: 100%;
aspect-ratio: 1/1;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.add-product-section .add-product-image img {
width: 90%;
height: 90%;
-o-object-fit: cover;
object-fit: cover;
}
.add-product-section .add-product-details {
display: flex;
flex-direction: column;
padding: 0.75em;
gap: 0.5em;
}
.add-product-section .add-product-attributes {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 0.15em;
flex-wrap: wrap;
}
.add-product-section .add-product-attr {
display: inline-block;
font-size: 0.75rem;
color: #252525;
font-weight: 500;
white-space: nowrap;
}
@media (max-width: 1024px) {
.add-product-section .add-product-attr {
font-size: 0.7rem;
}
}
.add-product-section .add-product-price {
text-align: center;
font-size: 1rem;
}
.add-product-section .add-product-price del {
opacity: 0.6;
font-size: 0.9em;
margin-right: 0.5em;
}
.add-product-section .add-product-price ins {
text-decoration: none;
}
@media (max-width: 1024px) {
.add-product-section {
margin: 2em 0 0 0;
overflow: visible;
}
.add-product-section .add-product-header h2 {
font-size: 1.3rem;
}
.add-product-section .down-products-sale-section {
margin-top: 1em;
overflow: visible;
}
.add-product-section .down-products-sale-section .add-product-next,
.add-product-section .down-products-sale-section .add-product-prev {
display: none;
}
.add-product-section .down-products-sale-section .swiper-pagination-2 {
display: none;
}
.add-product-section .down-products-sale-section .add-product-swiper {
padding: 0;
overflow: visible;
}
.add-product-section .down-products-sale-section .add-product-swiper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
transform: none !important;
transition: none;
width: 100%;
}
.add-product-section .down-products-sale-section .add-product-swiper .swiper-slide {
width: 100% !important;
padding: 0;
margin: 0;
}
}
.product-tabs-container {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin: 0 auto;
}
.product-tabs-nav {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid #e0e0e0;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
padding: 7em 6vw 0em 6vw;
width: 100%;
max-width: 1920px;
flex-wrap: wrap;
margin: 0 auto;
scrollbar-width: none;
}
.product-tabs-nav::-webkit-scrollbar {
display: none;
}
@media (max-width: 768px) {
.product-tabs-nav {
flex-wrap: nowrap;
}
}
.product-tab-button {
padding: 1em 1.5em;
background: transparent;
border: none;
border-bottom: 2px solid transparent;
cursor: pointer;
font-weight: 500;
white-space: nowrap;
transition: all 0.3s ease;
position: relative;
border-radius: 0px;
}
.product-tab-button.active {
color: #ed6c18;
border-bottom-color: #ed6c18;
font-weight: 600;
}
@media (max-width: 768px) {
.product-tab-button {
padding: 0.8em 1em;
}
}
.description-product-section {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin: 0 auto;
margin-top: 5em;
padding: 0 6vw;
box-sizing: border-box;
gap: 2em;
}
@media (max-width: 768px) {
.description-product-section {
margin-top: 2em;
padding: 0 4vw;
}
}
.product-tab-content {
display: none;
width: 100%;
}
.product-tab-content.active {
display: block;
animation: fadeIn 0.3s ease forwards;
}
.product-tab-content .tab-content-inner {
display: flex;
flex-direction: column;
gap: 1em;
width: 100%;
font-size: 0.9em;
}
.product-tab-content .tab-content-inner ul {
list-style: none;
margin-left: 1em;
padding-left: 0;
}
.product-tab-content .tab-content-inner ul li {
position: relative;
padding-left: 1em;
}
.product-tab-content .tab-content-inner ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 8px;
height: 8px;
background-color: #ed6c18;
display: block;
}
.product-tab-content .tab-content-inner table {
width: 100%;
border-collapse: collapse;
border: 1px solid #ddd;
}
.product-tab-content .tab-content-inner table th,
.product-tab-content .tab-content-inner table td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}
.product-tab-content .tab-content-inner table td {
border-left: 1px solid #ddd;
}
.product-tab-content .tab-content-inner table .attribute {
font-weight: 600;
}
.product-tab-content .tab-content-inner table .stars {
color: #ffd400;
letter-spacing: 2px;
}
@media (min-width: 1024px) {
.product-tab-content .tab-content-inner {
font-size: 1.1rem;
}
}
.files-download-section {
margin-top: 2em;
width: 100%;
}
.files-download-section h3 {
margin-bottom: 1em;
font-weight: 600;
}
.file-download-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.4em;
border: 1px solid #ddd;
margin-bottom: 1em;
background-color: #f9f9f9;
}
@media (max-width: 768px) {
.file-download-item {
flex-direction: column;
align-items: flex-start;
gap: 1em;
}
}
.file-info {
display: flex;
align-items: center;
gap: 0.5em;
flex: 1;
}
.file-icon {
display: inline-block;
width: 34px;
height: 30px;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/file-icon.svg);
background-repeat: no-repeat;
background-size: contain;
margin-left: 0.5em;
}
.file-name {
font-weight: 500;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.product-reviews-container {
display: flex;
width: 100%;
gap: 3em;
}
@media (max-width: 768px) {
.product-reviews-container {
flex-direction: column;
gap: 2em;
}
}
.reviews-sidebar {
width: 250px;
flex-shrink: 0;
}
@media (max-width: 768px) {
.reviews-sidebar {
width: 100%;
}
}
.reviews-content {
flex: 1;
}
.review-button {
background-color: #ed6c18 !important;
padding: 10px 20px !important;
text-decoration: none !important;
color: white !important;
border-radius: 0 !important;
transition: background-color 0.3s ease, color 0.3s ease;
border: 1px solid #ed6c18 !important;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-bottom: 2em;
width: 100%;
}
.review-button:hover {
background-color: transparent !important;
color: #ed6c18 !important;
}
.rating-summary {
display: flex;
flex-direction: column;
gap: 0.5em;
margin-bottom: 2em;
}
.rating-row {
display: flex;
align-items: center;
gap: 0.5em;
}
.rating-number {
width: 15px;
text-align: right;
}
.star-icon {
color: #ffd700;
font-size: 1.1em;
}
.rating-bar {
flex: 1;
height: 8px;
background-color: #e0e0e0;
border-radius: 4px;
overflow: hidden;
}
.rating-fill {
height: 100%;
background-color: #ed6c18;
border-radius: 4px;
}
.rating-count {
width: 20px;
text-align: left;
color: #666;
}
.review-item {
padding-bottom: 1.5em;
margin-bottom: 1.5em;
border-bottom: 1px solid #e0e0e0;
}
.review-item:last-child {
border-bottom: none;
margin-bottom: 0;
}
.review-stars {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.5em;
margin-bottom: 0.5em;
}
.star {
color: #e0e0e0;
font-size: 1.2em;
}
.star.filled {
color: #ffd700;
}
.review-rating {
font-size: 0.9em;
color: #666;
margin-left: 0.5em;
}
.verified-badge {
display: inline-flex;
align-items: center;
gap: 0.3em;
background-color: #e8f5e9;
color: #2e7d32;
padding: 0.3em 0.8em;
border-radius: 4px;
font-size: 0.8em;
margin-left: 0.5em;
}
.verified-badge svg {
width: 14px;
height: 14px;
}
.review-text {
margin-bottom: 0.5em;
}
.review-text p {
margin: 0;
}
.review-meta {
font-size: 0.85em;
color: #666;
}
.no-reviews {
color: #666;
font-style: italic;
}
#review-popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.review-popup-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 550px;
background-color: #fff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
z-index: 9999999;
padding: 30px;
box-sizing: border-box;
}
.review-popup-modal.active {
display: block;
}
.review-popup-modal .review-popup-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
line-height: 1;
background: none;
border: none;
cursor: pointer;
color: #333;
padding: 0;
margin: 0;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.review-popup-modal .review-popup-close:hover {
color: #ed6c18;
}
.review-popup-modal h3 {
font-size: 1.8rem;
font-weight: 600;
margin-bottom: 1em;
}
.review-popup-modal .comment-form-rating {
margin-bottom: 20px;
}
.review-popup-modal .comment-form-rating label {
display: block;
margin-bottom: 5px;
font-weight: 500;
}
.review-popup-modal .comment-form-rating .rating-display {
color: #ffd700;
font-weight: bold;
}
.review-popup-modal .stars-rating-input {
display: inline-flex;
flex-direction: row-reverse;
gap: 4px;
}
.review-popup-modal .stars-rating-input input {
display: none;
}
.review-popup-modal .stars-rating-input label {
color: #e0e0e0;
font-size: 28px;
cursor: pointer;
margin-bottom: 0;
transition: color 0.2s ease;
}
.review-popup-modal .stars-rating-input label:hover, .review-popup-modal .stars-rating-input label:hover ~ label {
color: #ffd700;
}
.review-popup-modal .stars-rating-input input:checked ~ label {
color: #ffd700;
}
.review-popup-modal .comment-form-comment,
.review-popup-modal .comment-form-author,
.review-popup-modal .comment-form-email {
margin-bottom: 20px;
}
.review-popup-modal .comment-form-comment br,
.review-popup-modal .comment-form-author br,
.review-popup-modal .comment-form-email br {
display: none;
}
.review-popup-modal .comment-form-comment label,
.review-popup-modal .comment-form-author label,
.review-popup-modal .comment-form-email label {
display: block;
margin-bottom: 5px;
font-weight: 500;
}
.review-popup-modal .comment-form-comment label .required,
.review-popup-modal .comment-form-author label .required,
.review-popup-modal .comment-form-email label .required {
color: #e74c3c;
}
.review-popup-modal .comment-form-comment textarea,
.review-popup-modal .comment-form-comment input[type=text],
.review-popup-modal .comment-form-comment input[type=email],
.review-popup-modal .comment-form-author textarea,
.review-popup-modal .comment-form-author input[type=text],
.review-popup-modal .comment-form-author input[type=email],
.review-popup-modal .comment-form-email textarea,
.review-popup-modal .comment-form-email input[type=text],
.review-popup-modal .comment-form-email input[type=email] {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 0;
font-size: 16px;
font-family: inherit;
box-sizing: border-box;
}
.review-popup-modal .comment-form-comment textarea:focus,
.review-popup-modal .comment-form-comment input[type=text]:focus,
.review-popup-modal .comment-form-comment input[type=email]:focus,
.review-popup-modal .comment-form-author textarea:focus,
.review-popup-modal .comment-form-author input[type=text]:focus,
.review-popup-modal .comment-form-author input[type=email]:focus,
.review-popup-modal .comment-form-email textarea:focus,
.review-popup-modal .comment-form-email input[type=text]:focus,
.review-popup-modal .comment-form-email input[type=email]:focus {
outline: none;
border-color: #ed6c18;
}
.review-popup-modal .comment-form-comment textarea,
.review-popup-modal .comment-form-author textarea,
.review-popup-modal .comment-form-email textarea {
height: 150px;
resize: vertical;
}
.review-popup-modal .form-submit {
text-align: center;
margin-top: 1em;
display: flex;
align-items: center;
justify-content: center;
}
.review-popup-modal .form-submit input[type=submit] {
background-color: #ed6c18 !important;
padding: 10px 20px !important;
text-decoration: none !important;
color: white !important;
border-radius: 0 !important;
color: white !important;
transition: background-color 0.3s ease, color 0.3s ease;
border: 1px solid #ed6c18 !important;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.review-popup-modal .form-submit input[type=submit]:hover {
background-color: transparent !important;
color: #ed6c18 !important;
}
.review-popup-modal .woocommerce-verification-required {
text-align: center;
color: #666;
font-style: italic;
padding: 20px;
}
.comment-form-cookies-consent {
display: flex;
gap: 0.5em;
}
.comment-form-cookies-consent input[type=checkbox] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #e1e1e1;
background-color: white;
border-radius: 0px;
cursor: pointer;
position: relative;
margin-top: 0.3em;
}
.comment-form-cookies-consent input[type=checkbox]:checked {
background-color: #333;
border-color: #333;
}
.comment-form-cookies-consent input[type=checkbox]:checked:after {
content: "";
position: absolute;
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.comment-form-cookies-consent input[type=checkbox]:focus {
outline: none;
border-color: #333;
}
.comment-form-cookies-consent label {
font-size: 0.9rem;
line-height: 1.4;
color: #333;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
body.popup-open {
overflow: hidden;
}
#comments {
display: none;
}
@media (max-width: 768px) {
.review-popup-modal {
width: 90%;
padding: 20px;
}
.review-popup-modal h3 {
font-size: 1.5rem;
margin-bottom: 20px;
}
.review-popup-modal .stars-rating-input label {
font-size: 24px;
}
}
@media (max-width: 576px) {
.product-tabs-nav {
justify-content: flex-start;
}
.description-product-section {
margin-top: 1.5em;
gap: 1em;
}
}
.checkout-page {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.checkout-page .site-header,
.checkout-page .site-footer {
display: none;
}
.checkout-page .form-row-wide {
display: flex;
flex-direction: column;
gap: 2em;
width: 100%;
padding-top: 1em;
}
.checkout-page .form-row-wide,
.checkout-page .form-row {
gap: 0.5em;
padding-top: 0;
}
.checkout-page .checkout-main-header {
margin-bottom: 2em;
}
.checkout-page .checkout-main-header h2 {
font-size: 2em;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review {
padding: 20px;
max-width: 640px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table {
width: 100%;
border-collapse: collapse;
margin-bottom: 24px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead {
border-bottom: 1px solid #d4d4d4;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th {
font-size: 14px;
font-weight: 600;
color: #312b2b;
text-align: left;
padding: 16px 0;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th.product-name {
width: 60%;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th.product-quantity {
width: 15%;
text-align: center;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th.product-total {
width: 25%;
text-align: right;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item {
border-bottom: 1px solid rgba(212, 212, 212, 0.5);
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item td {
padding: 12px 0;
vertical-align: middle;
font-size: 14px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item td.product-name {
color: #312b2b;
font-weight: 500;
padding-right: 12px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item td.product-quantity {
text-align: center;
color: rgba(49, 43, 43, 0.8);
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item td.product-quantity strong {
font-weight: 500;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item td.product-subtotal {
text-align: right;
font-weight: 600;
color: #312b2b;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item:last-child {
border-bottom: none;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr th,
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr td {
padding: 12px 0;
font-size: 14px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr th {
text-align: left;
font-weight: 500;
color: #312b2b;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr td {
text-align: right;
font-weight: 600;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr td small {
display: block;
font-weight: 400;
font-size: 11px;
color: rgba(49, 43, 43, 0.7);
margin-top: 2px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr:nth-last-child(2) th,
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr:nth-last-child(2) td {
padding-top: 16px;
font-size: 16px;
font-weight: 700;
color: #141414;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr:last-child th,
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr:last-child td {
padding-top: 16px;
border-top: 1px solid #d4d4d4;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review #payment {
margin-top: 24px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review #payment #place_order {
width: 100%;
background-color: #141414;
color: white;
font-size: 16px;
font-weight: 500;
padding: 16px;
border-radius: 6px;
border: none;
margin-top: 16px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review #payment #place_order:hover {
background-color: rgb(7.25, 7.25, 7.25);
}
@media (max-width: 675px) {
.woocommerce-checkout.woocommerce-order-pay form#order_review {
padding: 16px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th {
font-size: 12px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th.product-name {
width: 50%;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th.product-quantity {
width: 20%;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table thead th.product-total {
width: 30%;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tbody .order_item td {
font-size: 12px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr th,
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr td {
font-size: 12px;
}
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr:nth-last-child(2) th,
.woocommerce-checkout.woocommerce-order-pay form#order_review .shop_table tfoot tr:nth-last-child(2) td {
font-size: 14px;
}
}
.checkout-header {
display: flex;
width: 100%;
height: 70px;
border-bottom: 1px solid #d4d4d4;
}
.checkout-header__main {
width: 55%;
display: flex;
justify-content: flex-end;
}
.checkout-header__main--inner {
width: 100%;
max-width: 605px;
padding: 0 20px;
display: flex;
align-items: center;
}
.checkout-header__right {
width: 45%;
display: flex;
justify-content: flex-start;
}
.checkout-header__right--inner {
width: 100%;
max-width: 495px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.checkout-header__logo-img {
max-height: 40px;
width: auto;
height: auto;
}
.checkout-header__cart-link {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 8px;
transition: background-color 0.2s ease;
text-decoration: none;
}
.checkout-header__cart-link:hover {
background-color: rgba(49, 43, 43, 0.05);
}
.checkout-header__cart-link svg {
transition: transform 0.2s ease;
}
.checkout-header__cart-link:hover svg {
transform: scale(1.05);
}
.checkout-content {
flex: 1;
width: 100%;
}
.checkout-footer {
border-top: 1px solid #d4d4d4;
background-color: #ffffff;
}
.checkout-footer__container {
max-width: 1230px;
margin: 0 auto;
padding: 0 20px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.checkout-footer__links {
display: flex;
gap: 24px;
align-items: center;
}
.checkout-footer__link {
font-size: 14px;
color: #312b2b;
text-decoration: none;
transition: opacity 0.2s ease;
}
.checkout-footer__link:hover {
opacity: 0.7;
}
@media (max-width: 675px) {
.checkout-footer__container {
padding: 0 16px;
height: 50px;
}
.checkout-footer__links {
gap: 16px;
}
.checkout-footer__link {
font-size: 13px;
}
}
.woocommerce-checkout.woocommerce-page .site-header,
.woocommerce-checkout.woocommerce-page .site-footer,
.woocommerce-checkout.woocommerce-page .newsletter {
display: none;
}
.woocommerce-checkout.woocommerce-page .checkout {
display: flex;
width: 100%;
min-height: 100vh;
}
.woocommerce-checkout.woocommerce-page .checkout__main {
width: 55%;
display: flex;
justify-content: flex-end;
}
.woocommerce-checkout.woocommerce-page .checkout__main--inner {
width: 100%;
max-width: 605px;
padding: 20px;
padding-top: 32px;
padding-right: 40px;
}
.woocommerce-checkout.woocommerce-page .checkout__summary {
width: 45%;
display: flex;
justify-content: flex-start;
border-left: 1px solid #d4d4d4;
background-color: #f5f5f5;
}
.woocommerce-checkout.woocommerce-page .checkout__summary--inner {
width: 100%;
max-width: 495px;
padding: 20px;
padding-top: 32px;
padding-left: 40px;
}
.woocommerce-checkout.woocommerce-page .checkout__summary--inner h3#order_review_heading {
font-size: 22px;
font-weight: 500;
color: #312b2b;
margin-bottom: 12px;
}
.woocommerce-checkout.woocommerce-page .checkout__section {
margin-bottom: 32px;
}
.woocommerce-checkout.woocommerce-page .checkout__section-title {
font-size: 22px;
font-weight: 500;
color: #312b2b;
margin-bottom: 12px;
margin-top: 16px;
}
@media (max-width: 1024px) {
.woocommerce-checkout.woocommerce-page .checkout {
flex-direction: column;
}
.woocommerce-checkout.woocommerce-page .checkout__main, .woocommerce-checkout.woocommerce-page .checkout__summary {
width: 100%;
justify-content: center;
}
.woocommerce-checkout.woocommerce-page .checkout__main--inner, .woocommerce-checkout.woocommerce-page .checkout__summary--inner {
width: 100%;
max-width: 605px;
padding: 20px;
padding-top: 32px;
padding-left: 20px;
padding-right: 20px;
}
.woocommerce-checkout.woocommerce-page .checkout__summary {
border-left: none;
border-top: 1px solid #d4d4d4;
}
}
.woocommerce-checkout.woocommerce-page .col2-set {
display: block;
}
.woocommerce-checkout.woocommerce-page .col2-set .col-1,
.woocommerce-checkout.woocommerce-page .col2-set .col-2 {
width: 100%;
float: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-billing-fields h3,
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields h3 {
font-size: 22px;
font-weight: 500;
color: #312b2b;
margin-bottom: 12px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout.woocommerce-page .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper {
display: grid;
gap: 12px;
grid-template-columns: 1fr;
}
@media (min-width: 675px) {
.woocommerce-checkout.woocommerce-page .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout.woocommerce-page .woocommerce-billing-fields .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-fields .woocommerce-shipping-fields__field-wrapper {
grid-template-columns: 1fr 1fr;
}
}
.woocommerce-checkout.woocommerce-page .woocommerce-additional-fields {
margin-top: 20px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
display: grid;
gap: 16px;
}
.woocommerce-checkout.woocommerce-page .form-row {
margin-bottom: 20px !important;
position: relative;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (min-width: 675px) {
.woocommerce-checkout.woocommerce-page .form-row.form-row-wide, .woocommerce-checkout.woocommerce-page .form-row[class*=address], .woocommerce-checkout.woocommerce-page .form-row[class*=email], .woocommerce-checkout.woocommerce-page .form-row[class*=phone], .woocommerce-checkout.woocommerce-page .form-row[class*=country], .woocommerce-checkout.woocommerce-page .form-row.notes {
grid-column: 1/-1;
}
}
.woocommerce-checkout.woocommerce-page .form-row label {
display: block;
font-size: 12px;
font-weight: 400;
color: #312b2b;
margin-bottom: 4px;
}
.woocommerce-checkout.woocommerce-page .form-row label span {
font-size: 14px;
font-weight: 400;
}
.woocommerce-checkout.woocommerce-page .form-row label .required {
color: #FF0F0F;
font-weight: normal;
}
.woocommerce-checkout.woocommerce-page .form-row label span .woocommerce-terms-and-conditions-link {
font-size: 14px;
text-decoration: underline;
}
.woocommerce-checkout.woocommerce-page .form-row input[type=text],
.woocommerce-checkout.woocommerce-page .form-row input[type=email],
.woocommerce-checkout.woocommerce-page .form-row input[type=tel],
.woocommerce-checkout.woocommerce-page .form-row input[type=password],
.woocommerce-checkout.woocommerce-page .form-row select#billing_country,
.woocommerce-checkout.woocommerce-page .form-row textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid #d4d4d4;
border-radius: 6px;
font-size: 16px;
color: #312b2b;
background-color: #ffffff;
transition: all 0.2s ease;
box-sizing: border-box;
height: 48px;
font-family: inherit;
}
.woocommerce-checkout.woocommerce-page .form-row input[type=text]:focus,
.woocommerce-checkout.woocommerce-page .form-row input[type=email]:focus,
.woocommerce-checkout.woocommerce-page .form-row input[type=tel]:focus,
.woocommerce-checkout.woocommerce-page .form-row input[type=password]:focus,
.woocommerce-checkout.woocommerce-page .form-row select#billing_country:focus,
.woocommerce-checkout.woocommerce-page .form-row textarea:focus {
outline: none;
border-color: #141414;
box-shadow: 0 0 0 2px rgba(20, 20, 20, 0.1);
}
.woocommerce-checkout.woocommerce-page .form-row input[type=text]::-moz-placeholder, .woocommerce-checkout.woocommerce-page .form-row input[type=email]::-moz-placeholder, .woocommerce-checkout.woocommerce-page .form-row input[type=tel]::-moz-placeholder, .woocommerce-checkout.woocommerce-page .form-row input[type=password]::-moz-placeholder, .woocommerce-checkout.woocommerce-page .form-row select#billing_country::-moz-placeholder, .woocommerce-checkout.woocommerce-page .form-row textarea::-moz-placeholder {
color: rgb(130.4891304348, 114.5108695652, 114.5108695652);
}
.woocommerce-checkout.woocommerce-page .form-row input[type=text]::placeholder,
.woocommerce-checkout.woocommerce-page .form-row input[type=email]::placeholder,
.woocommerce-checkout.woocommerce-page .form-row input[type=tel]::placeholder,
.woocommerce-checkout.woocommerce-page .form-row input[type=password]::placeholder,
.woocommerce-checkout.woocommerce-page .form-row select#billing_country::placeholder,
.woocommerce-checkout.woocommerce-page .form-row textarea::placeholder {
color: rgb(130.4891304348, 114.5108695652, 114.5108695652);
}
.woocommerce-checkout.woocommerce-page .form-row select {
cursor: pointer;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
background-position: right 12px center;
background-repeat: no-repeat;
background-size: 16px;
padding-right: 32px;
}
.woocommerce-checkout.woocommerce-page .form-row textarea {
min-height: 100px;
resize: vertical;
height: auto;
}
.woocommerce-checkout.woocommerce-page .form-row.form-row-wide.create-account .woocommerce-form__label-for-checkbox {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
margin-bottom: 0;
}
.woocommerce-checkout.woocommerce-page .form-row.form-row-wide.create-account .woocommerce-form__label-for-checkbox input[type=checkbox] {
margin: 0;
width: 18px;
height: 18px;
accent-color: #141414;
cursor: pointer;
}
.woocommerce-checkout.woocommerce-page .form-row.form-row-wide.create-account .woocommerce-form__label-for-checkbox span {
font-size: 14px;
line-height: 1.4;
}
.woocommerce-checkout.woocommerce-page .woocommerce-additional-fields h3 {
font-size: 18px;
font-weight: 600;
color: #312b2b;
margin-bottom: 20px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-account-fields .create-account {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid rgb(224.75, 224.75, 224.75);
}
.woocommerce-checkout.woocommerce-page .select2-container .select2-selection--single {
height: 48px !important;
border: 1px solid #d4d4d4 !important;
border-radius: 6px !important;
}
.woocommerce-checkout.woocommerce-page .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 46px !important;
padding-left: 16px !important;
color: #312b2b !important;
}
.woocommerce-checkout.woocommerce-page .select2-container .select2-selection--single .select2-selection__arrow {
height: 46px !important;
}
.woocommerce-checkout.woocommerce-page .select2-container.select2-container--focus .select2-selection--single {
border-color: #141414 !important;
box-shadow: 0 0 0 2px rgba(20, 20, 20, 0.1) !important;
}
.woocommerce-checkout.woocommerce-page #ship-to-different-address {
margin-top: 12px;
margin-bottom: 20px;
}
.woocommerce-checkout.woocommerce-page #ship-to-different-address .woocommerce-form__label-for-checkbox {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
}
.woocommerce-checkout.woocommerce-page #ship-to-different-address .woocommerce-form__label-for-checkbox input[type=checkbox] {
margin: 0;
width: 18px;
height: 18px;
accent-color: #141414;
cursor: pointer;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
table-layout: fixed;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot td {
all: unset;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot {
display: flex;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody {
flex-direction: column;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot {
flex-direction: column;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr {
display: flex;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr td {
flex: 1 1 100%;
border-top: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr.cart_item {
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td {
padding: 16px 0;
vertical-align: top;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-thumbnail {
width: 80px;
padding-right: 16px;
position: relative;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-thumbnail .product-thumbnail-wrapper {
position: relative;
display: inline-block;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-thumbnail .product-quantity-badge {
position: absolute;
top: -8px;
right: -8px;
background: #ed6c18;
color: white;
border-radius: 50%;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
z-index: 1;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-thumbnail img {
width: 70px;
height: 70px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 6px;
border: 1px solid rgb(224.75, 224.75, 224.75);
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name {
width: auto;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info {
margin-bottom: 16px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info .product-title {
font-size: 14px;
font-weight: 500;
color: #312b2b;
line-height: 1.4;
margin-bottom: 8px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info dl {
margin: 0;
font-size: 12px;
color: rgb(130.4891304348, 114.5108695652, 114.5108695652);
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info dl dt,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info dl dd {
display: inline;
margin: 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info dl dt::after {
content: ": ";
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info dl dd::after {
content: ", ";
margin-right: 8px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-info dl dd:last-child::after {
content: "";
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity {
display: flex;
align-items: center;
background: #f5f5f5;
border-radius: 50px;
padding: 4px;
width: -moz-fit-content;
width: fit-content;
border: 1px solid rgb(224.75, 224.75, 224.75);
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty {
width: 50px;
height: 36px;
border: none;
background: transparent;
text-align: center;
font-size: 14px;
font-weight: 500;
color: #312b2b;
margin: 0 4px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty:focus {
outline: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty::-webkit-outer-spin-button, .woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty[type=number] {
-moz-appearance: textfield;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty-btn {
width: 36px;
height: 36px;
border: none;
background: #ffffff;
border-radius: 50%;
color: #312b2b;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty-btn:hover {
background: #141414;
color: white;
transform: scale(1.05);
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty-btn:disabled {
opacity: 0.4;
cursor: not-allowed;
transform: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity .quantity .qty-btn:disabled:hover {
background: #ffffff;
color: #312b2b;
transform: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tbody tr td.product-total {
width: 100px;
text-align: right;
font-weight: 600;
color: #312b2b;
font-size: 16px;
padding-right: 0;
padding-left: 16px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal {
border-top: 1px solid rgb(224.75, 224.75, 224.75);
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.shipping-total {
border-bottom: 1px solid #d4d4d4;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.order-total {
border-top: 1px solid #d4d4d4;
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.order-total td {
font-weight: 600;
font-size: 18px;
color: #312b2b;
padding-top: 16px;
padding-bottom: 16px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr td {
padding: 12px 0;
font-size: 14px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr th {
font-weight: 500;
color: #312b2b;
text-align: left;
padding-left: 0;
width: auto;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr td {
font-weight: 600;
color: #312b2b;
text-align: right;
padding-right: 0;
width: 100px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr td .amount {
font-weight: 600;
}
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td, .woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.shipping-total th,
.woocommerce-checkout.woocommerce-page .woocommerce-checkout-review-order-table tfoot tr.shipping-total td {
color: rgb(89.7445652174, 78.7554347826, 78.7554347826);
font-weight: 500;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li {
position: relative;
margin: 0;
border: 1px solid #dedede;
background-color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:only-child {
border-radius: 7px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:first-child:not(:only-child) {
border-radius: 7px 7px 0 0;
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:not(:first-child):not(:last-child) {
border-radius: 0;
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:last-child:not(:only-child) {
border-radius: 0 0 7px 7px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:has(> input[type=radio].shipping_method:checked) {
border: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > input[type=radio].shipping_method {
position: absolute;
opacity: 0;
pointer-events: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > input[type=radio].shipping_method:checked + label {
background-color: rgba(20, 20, 20, 0.05);
border: 1px solid #141414;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > input[type=radio].shipping_method:checked + label::before {
border-color: #141414;
background-color: #141414;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > input[type=radio].shipping_method:checked + label::after {
opacity: 1;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:only-child > input[type=radio].shipping_method:checked + label {
border-radius: 7px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:first-child:not(:only-child) > input[type=radio].shipping_method:checked + label {
border-radius: 7px 7px 0 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:not(:first-child):not(:last-child) > input[type=radio].shipping_method:checked + label {
border-radius: 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li:last-child:not(:only-child) > input[type=radio].shipping_method:checked + label {
border-radius: 0 0 7px 7px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > label {
display: flex;
align-items: center;
padding: 15px;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
min-height: 60px;
background: transparent;
border: 1px solid transparent;
gap: 5px;
font-size: 14px;
color: #312b2b;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > label:hover {
background-color: rgba(20, 20, 20, 0.03);
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > label::before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #dedede;
border-radius: 50%;
flex-shrink: 0;
transition: all 0.2s ease;
background-color: white;
margin-right: 6px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > label::after {
content: "";
position: absolute;
left: 21px;
top: 50%;
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease;
z-index: 1;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > label img {
margin-left: auto !important;
max-height: 24px;
max-width: 60px;
-o-object-fit: contain;
object-fit: contain;
}
.woocommerce-checkout.woocommerce-page .woocommerce-shipping-methods > li > label .woocommerce-Price-amount {
font-weight: 500;
color: #141414;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods {
list-style: none;
margin: 0;
padding: 0;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method {
position: relative;
margin: 0;
border: 1px solid #dedede;
background-color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:only-child {
border-radius: 7px;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:first-child:not(:only-child) {
border-radius: 7px 7px 0 0;
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:not(:first-child):not(:last-child) {
border-radius: 0;
border-bottom: none;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:last-child:not(:only-child) {
border-radius: 0 0 7px 7px;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:has(> input[type=radio].input-radio:checked) {
border: none;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > input[type=radio].input-radio {
position: absolute;
opacity: 0;
pointer-events: none;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > input[type=radio].input-radio:checked + label {
background-color: rgba(20, 20, 20, 0.05);
border: 1px solid #141414;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > input[type=radio].input-radio:checked + label::before {
border-color: #141414;
background-color: #141414;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > input[type=radio].input-radio:checked + label::after {
opacity: 1;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > input[type=radio].input-radio:checked ~ .payment_box {
display: block !important;
margin: 0;
padding: 16px;
background-color: #f5f5f5;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top: none;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:only-child > input[type=radio].input-radio:checked + label {
border-radius: 7px;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:first-child:not(:only-child) > input[type=radio].input-radio:checked + label {
border-radius: 7px 7px 0 0;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:not(:first-child):not(:last-child) > input[type=radio].input-radio:checked + label {
border-radius: 0;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:last-child:not(:only-child) > input[type=radio].input-radio:checked + label {
border-radius: 0 0 7px 7px;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:last-child:not(:only-child) > input[type=radio].input-radio:checked + label:has(~ .payment_box) {
border-radius: 0;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method:last-child:not(:only-child) > input[type=radio].input-radio:checked ~ .payment_box {
border-radius: 0 0 7px 7px;
border-bottom: 1px solid #dedede;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > label {
display: flex;
align-items: center;
padding: 15px;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
min-height: 50px;
background: transparent;
border: 1px solid transparent;
gap: 12px;
font-size: 14px;
color: #312b2b;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > label:hover {
background-color: rgba(20, 20, 20, 0.03);
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > label::before {
content: "";
width: 18px;
height: 18px;
border: 1px solid #dedede;
border-radius: 50%;
flex-shrink: 0;
transition: all 0.2s ease;
background-color: white;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > label::after {
content: "";
position: absolute;
left: 21px;
top: 50%;
width: 8px;
height: 8px;
background: white;
border-radius: 50%;
transform: translateY(-50%);
opacity: 0;
transition: opacity 0.2s ease;
z-index: 1;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method > label img {
margin-left: auto;
max-height: 28px;
max-width: 80px;
-o-object-fit: contain;
object-fit: contain;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method .payment_box {
display: none;
border-radius: 0;
}
.woocommerce-checkout.woocommerce-page .wc_payment_methods.payment_methods.methods > .wc_payment_method .payment_box p {
margin: 0;
line-height: 1.4;
font-size: 14px;
color: #312b2b;
}
.woocommerce-checkout.woocommerce-page .checkout #paczkomat_id_wrapper {
margin-top: 15px;
display: block;
padding: 0px;
text-align: center;
max-width: 710px;
}
.woocommerce-checkout.woocommerce-page .checkout #paczkomat_id_wrapper #paczkomat_id_field {
border-radius: 7px 7px 0 0;
padding: 30px;
border: 1px solid #ededed;
background: #fcfcfc;
}
.woocommerce-checkout.woocommerce-page .checkout #paczkomat_id_wrapper #open-geowidget {
background-color: rgba(20, 20, 20, 0.04);
border-radius: 0 0 7px 7px;
font-weight: 400;
color: #312b2b;
width: 100%;
border: 1px solid #141414;
}
.woocommerce-checkout.woocommerce-page button#place_order,
.woocommerce-checkout.woocommerce-order-pay button#place_order {
display: inline-block;
padding: 1em 2em;
color: #ffffff;
background-color: #ed6c18;
transition: transform 0.3s ease;
font-size: 1em;
cursor: pointer;
border: 0;
width: 100%;
}
.woocommerce-checkout.woocommerce-page button#place_order:hover,
.woocommerce-checkout.woocommerce-order-pay button#place_order:hover {
color: #ffffff;
transform: translateY(-5px);
}
.woocommerce-checkout.woocommerce-page button#place_order:focus,
.woocommerce-checkout.woocommerce-order-pay button#place_order:focus {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page button#place_order:active,
.woocommerce-checkout.woocommerce-order-pay button#place_order:active {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page button#place_order:visited,
.woocommerce-checkout.woocommerce-order-pay button#place_order:visited {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .woocommerce-privacy-policy-text p,
.woocommerce-checkout.woocommerce-order-pay .woocommerce-privacy-policy-text p {
font-size: 14px;
margin-top: 24px;
margin-bottom: 24px;
color: #312b2b;
}
.woocommerce-checkout.woocommerce-page .woocommerce-privacy-policy-text p a,
.woocommerce-checkout.woocommerce-order-pay .woocommerce-privacy-policy-text p a {
color: #141414;
font-size: 14px;
text-decoration: underline;
}
.woocommerce-checkout.woocommerce-page .woocommerce-form-login-toggle,
.woocommerce-checkout.woocommerce-page .woocommerce-form-coupon-toggle {
display: none;
}
.woocommerce-checkout.woocommerce-page .checkout__actions {
display: flex;
gap: 12px;
margin-bottom: 20px;
width: 100%;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle {
background-color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle {
background-color: #ed6c18;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle,
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border: none;
color: white;
padding: 12px 16px;
font-size: 1em;
cursor: pointer;
transition: all 0.2s ease;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle svg,
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle svg {
flex-shrink: 0;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle:hover,
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle:hover {
color: #ffffff;
transform: translateY(-5px);
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle:focus,
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle:focus {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle:active,
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle:active {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-login-toggle:visited,
.woocommerce-checkout.woocommerce-page .checkout__actions .btn-coupon-toggle:visited {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
display: none;
}
.woocommerce-checkout.woocommerce-page .checkout-popup .woocommerce-error,
.woocommerce-checkout.woocommerce-page .checkout-popup .woocommerce-info,
.woocommerce-checkout.woocommerce-page .checkout-popup .woocommerce-message {
margin-bottom: 12px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup.active {
display: block;
}
.woocommerce-checkout.woocommerce-page .checkout-popup.closing .checkout-popup__content {
animation: popup-exit 0.3s ease forwards;
}
.woocommerce-checkout.woocommerce-page .checkout-popup.closing .checkout-popup__overlay {
animation: overlay-fade-out 0.3s ease forwards;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
animation: overlay-fade-in 0.3s ease;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 500px;
background-color: white;
border-radius: 12px;
padding: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
animation: popup-appear 0.3s ease;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content h3 {
font-size: 22px;
font-weight: 500;
color: #312b2b;
margin-bottom: 12px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .popup-error-message {
margin-bottom: 16px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .popup-error-message .woocommerce-error {
background-color: #fff1f0;
border-left: 3px solid #e74c3c;
color: #e74c3c;
padding: 12px 16px;
margin-bottom: 16px;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon {
display: block !important;
margin: 0;
padding: 0;
border: none;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login p,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon p {
margin-bottom: 16px;
font-size: 14px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login .form-row,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon .form-row {
margin-bottom: 12px !important;
}
@media (min-width: 675px) {
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login .form-row.form-row-first, .woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login .form-row.form-row-last,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon .form-row.form-row-first,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon .form-row.form-row-last {
width: 100%;
float: none;
}
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login button.button,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon button.button {
display: inline-block;
padding: 1em 2em;
color: #ffffff;
background-color: #ed6c18;
transition: transform 0.3s ease;
font-size: 1em;
cursor: pointer;
border: 0;
width: 100%;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login button.button:hover,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon button.button:hover {
color: #ffffff;
transform: translateY(-5px);
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login button.button:focus,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon button.button:focus {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login button.button:active,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon button.button:active {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login button.button:visited,
.woocommerce-checkout.woocommerce-page .checkout-popup__content .checkout_coupon button.button:visited {
color: #ffffff;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login p {
font-size: 14px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login .woocommerce-form-login__rememberme {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__content .woocommerce-form-login .woocommerce-form-login__rememberme input[type=checkbox] {
margin: 0;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__close {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
border: none;
background: none;
font-size: 24px;
line-height: 1;
color: #312b2b;
cursor: pointer;
background-color: #f5f5f5;
border-radius: 6px;
}
.woocommerce-checkout.woocommerce-page .checkout-popup__close:hover {
color: #141414;
}
@keyframes popup-appear {
from {
opacity: 0;
transform: translate(-50%, -60%);
}
to {
opacity: 1;
transform: translate(-50%, -50%);
}
}
@keyframes popup-exit {
from {
opacity: 1;
transform: translate(-50%, -50%);
}
to {
opacity: 0;
transform: translate(-50%, -40%);
}
}
@keyframes overlay-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes overlay-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
body.popup-open {
overflow: hidden;
}
.woocommerce-checkout.woocommerce-page .woocommerce-NoticeGroup {
margin-bottom: 20px;
}
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-validated input.input-text {
box-shadow: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error,
.woocommerce-checkout.woocommerce-page .woocommerce-info,
.woocommerce-checkout.woocommerce-page .woocommerce-message {
background-color: #fff5f5;
border: 1px solid rgba(231, 76, 60, 0.15);
border-radius: 6px;
color: #480f06;
padding: 16px;
margin: 0;
list-style: none;
font-size: 14px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error li,
.woocommerce-checkout.woocommerce-page .woocommerce-info li,
.woocommerce-checkout.woocommerce-page .woocommerce-message li {
position: relative;
padding: 4px 0 4px 31px;
margin-bottom: 5px;
font-weight: 400;
display: flex;
align-items: center;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error li:last-child,
.woocommerce-checkout.woocommerce-page .woocommerce-info li:last-child,
.woocommerce-checkout.woocommerce-page .woocommerce-message li:last-child {
margin-bottom: 0;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error li::before,
.woocommerce-checkout.woocommerce-page .woocommerce-info li::before,
.woocommerce-checkout.woocommerce-page .woocommerce-message li::before {
content: "!";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-color: transparent;
border: 1.5px solid #e74c3c;
color: #e74c3c;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: bold;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error li a,
.woocommerce-checkout.woocommerce-page .woocommerce-info li a,
.woocommerce-checkout.woocommerce-page .woocommerce-message li a {
color: #480f06;
text-decoration: none;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error li a strong,
.woocommerce-checkout.woocommerce-page .woocommerce-info li a strong,
.woocommerce-checkout.woocommerce-page .woocommerce-message li a strong {
font-weight: 500;
}
.woocommerce-checkout.woocommerce-page .woocommerce-error li a:hover,
.woocommerce-checkout.woocommerce-page .woocommerce-info li a:hover,
.woocommerce-checkout.woocommerce-page .woocommerce-message li a:hover {
text-decoration: underline;
}
.woocommerce-checkout.woocommerce-page .woocommerce-info {
display: flex;
align-items: center;
background-color: #fff5f5;
padding: 16px;
color: #e74c3c;
}
.woocommerce-checkout.woocommerce-page .woocommerce-info::before {
content: "!";
margin-right: 12px;
width: 18px;
height: 18px;
min-width: 20px;
background-color: transparent;
border: 1.5px solid #e74c3c;
color: #e74c3c;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: bold;
}
.woocommerce-checkout.woocommerce-page .woocommerce-message {
display: flex;
align-items: center;
border: 1px solid rgba(39, 174, 96, 0.15);
color: #27ae60;
background-color: #f0fff4;
padding: 16px;
}
.woocommerce-checkout.woocommerce-page .woocommerce-message::before {
content: "✓";
margin-right: 12px;
width: 18px;
height: 18px;
min-width: 18px;
background-color: transparent;
border: 1.5px solid #27ae60;
color: #27ae60;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
}
.woocommerce-checkout.woocommerce-page .checkout-inline-error-message {
color: #FF0F0F;
font-size: 14px;
margin-top: 3px;
font-weight: 400;
}
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-invalid label {
color: #e74c3c;
}
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-invalid input,
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-invalid select,
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-invalid textarea {
border-color: rgba(231, 76, 60, 0.4);
background-color: rgba(231, 76, 60, 0.03);
}
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-validated input,
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-validated select,
.woocommerce-checkout.woocommerce-page .form-row.woocommerce-validated textarea {
border-color: rgba(39, 174, 96, 0.4);
background-color: rgba(39, 174, 96, 0.03);
}
.woocommerce-order {
margin: 0 auto;
background: #ffffff;
overflow: hidden;
width: 100%;
max-width: 1920px;
padding: 2em 6vw 2em 6vw;           }
.woocommerce-order .woocommerce-notice--success {
position: relative;
padding: 1.5rem 1.5rem 1.5rem 5rem;
background-color: rgba(213, 169, 142, 0.1843137255);
border: 1px solid #f35d00;
border-radius: 6px;
color: black;
font-size: 1rem;
line-height: 1.5;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.woocommerce-order .woocommerce-notice--success::before {
content: "";
position: absolute;
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
width: 2rem;
height: 2rem;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/info.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (max-width: 576px) {
.woocommerce-order .woocommerce-notice--success {
padding: 1.25rem 1.25rem 1.25rem 3.5rem;
font-size: 0.9rem;
}
.woocommerce-order .woocommerce-notice--success::before {
left: 1.25rem;
width: 1.25rem;
height: 1.25rem;
}
}
.woocommerce-order .order_details {
margin-left: 0em !important;
}
.woocommerce-order .woocommerce-order-overview {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 24px;
margin: 32px 0;
padding: 0;
list-style: none;
}
.woocommerce-order .woocommerce-order-overview li {
background: #ffffff;
border-right: 1.5px dotted #787878;
text-align: left;
}
.woocommerce-order .woocommerce-order-overview li strong {
display: block;
font-size: 16px;
color: #1a1a1a;
margin-top: 4px;
font-weight: 600;
}
.woocommerce-order .woocommerce-order-overview li:not(:has(strong))::before {
content: attr(class);
font-size: 12px;
color: #6c757d;
font-weight: 500;
text-transform: capitalize;
}
.woocommerce-order .woocommerce-order-details__title {
color: #1a1a1a;
font-size: 18px;
font-weight: 600;
margin: 40px 0 24px;
padding: 0;
border: none;
}
.woocommerce-order .woocommerce-table {
width: 100%;
background: white;
border-radius: 4px;
border: 1px solid #e1e5e9;
border-collapse: separate;
border-spacing: 0;
font-size: 14px;
}
.woocommerce-order .woocommerce-table thead th {
background: #f8f9fa;
color: #495057;
padding: 16px 20px;
font-weight: 600;
text-align: left;
border-bottom: 1px solid #e1e5e9;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 1.2em;
}
.woocommerce-order .woocommerce-table tbody td {
padding: 16px 20px;
border-bottom: 1px solid #f1f3f4;
vertical-align: middle;
color: #495057;
}
.woocommerce-order .woocommerce-table tbody tr:last-child td {
border-bottom: none;
}
.woocommerce-order .woocommerce-table tfoot th,
.woocommerce-order .woocommerce-table tfoot td {
padding: 16px 20px;
border-top: 1px solid #e1e5e9;
font-weight: 600;
color: #1a1a1a;
text-align: left;
font-size: 1.2em;
}
.woocommerce-order .woocommerce-table tfoot tr:last-child {
background: #f8f9fa;
}
.woocommerce-order .woocommerce-table a {
color: #1a1a1a;
text-decoration: none;
font-weight: 500;
}
.woocommerce-order .woocommerce-table a:hover {
color: #ed6c18;
}
.woocommerce-order .product-quantity {
color: #6c757d;
font-weight: 400;
font-size: 13px;
}
.woocommerce-order .woocommerce-Price-amount {
font-weight: 600;
color: #1a1a1a;
}
.woocommerce-order .woocommerce-customer-details {
margin-top: 40px;
padding: 24px;
background: #f8f9fa;
border-radius: 4px;
border: 1px solid #e1e5e9;
}
.woocommerce-order .woocommerce-column__title {
color: #1a1a1a;
font-size: 16px;
margin-bottom: 16px;
font-weight: 600;
}
.woocommerce-order .woocommerce-customer-details address {
font-style: normal;
line-height: 1.6;
color: #495057;
font-size: 14px;
}
.woocommerce-order .woocommerce-customer-details--email {
color: #495057 !important;
font-weight: 500;
margin-top: 8px;
}
.woocommerce-order .entry-footer {
padding: 24px 40px;
background: #f8f9fa;
border-top: 1px solid #e1e5e9;
text-align: right;
}
.woocommerce-order .entry-footer .edit-link a {
color: #6c757d;
text-decoration: none;
font-size: 12px;
font-weight: 500;
}
.woocommerce-order .entry-footer .edit-link a:hover {
color: #495057;
}
@media (max-width: 768px) {
.woocommerce-order { }
.woocommerce-order .single-page-section {
padding: 20px 16px;
}
.woocommerce-order .woocommerce-order-overview {
grid-template-columns: 1fr;
gap: 16px;
}
.woocommerce-order .woocommerce-order-overview li {
border-right: none;
padding-bottom: 12px;
border-bottom: 1px solid #e1e5e9;
}
.woocommerce-order .woocommerce-order-overview li:last-child {
border-bottom: none;
}
.woocommerce-order .woocommerce-table {
font-size: 13px;
border: none;
background: transparent;   }
.woocommerce-order .woocommerce-table thead {
display: none;
}
.woocommerce-order .woocommerce-table tbody {
display: block;
width: 100%;
}
.woocommerce-order .woocommerce-table tbody tr {
display: block;
margin-bottom: 24px;
background: #ffffff;
border: 1px solid #e1e5e9;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.woocommerce-order .woocommerce-table tbody td {
display: block;
padding: 12px 16px 12px 16px; border-bottom: 1px solid #f1f3f4;
position: relative;
min-height: 24px;
}
.woocommerce-order .woocommerce-table tbody td:last-child {
border-bottom: none;
}
.woocommerce-order .woocommerce-table tbody td::before {
content: attr(data-title);
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 90px;
font-weight: 600;
color: #6c757d;
font-size: 12px;
text-transform: uppercase;
}
.woocommerce-order .woocommerce-table .product-name {
font-weight: 600;
padding-top: 16px;
background-color: #f8f9fa;
}
.woocommerce-order .woocommerce-table .product-name::before {
top: 16px;
transform: none;
}
.woocommerce-order .woocommerce-table .product-total {
padding-bottom: 16px;
}
.woocommerce-order .woocommerce-table .product-total .woocommerce-Price-amount {
font-weight: 700;
font-size: 15px;
}
.woocommerce-order .woocommerce-table tfoot {
display: block;
margin-top: 24px;
border: 1px solid #e1e5e9;
border-radius: 6px;
overflow: hidden;
background: #ffffff;
}
.woocommerce-order .woocommerce-table tfoot tr {
display: flex;
justify-content: space-between;
padding: 12px 16px;
border-bottom: 1px solid #f1f3f4;
}
.woocommerce-order .woocommerce-table tfoot tr:last-child {
border-bottom: none;
background: #f8f9fa;
}
.woocommerce-order .woocommerce-table tfoot th,
.woocommerce-order .woocommerce-table tfoot td {
padding: 0;
border: none;
font-size: 14px;
}
.woocommerce-order .woocommerce-table tfoot th {
color: #6c757d;
}
.woocommerce-order .woocommerce-table tfoot td {
text-align: right;
font-weight: 700;
}
.woocommerce-order .entry-footer {
padding: 16px 24px;
text-align: center;
}
}
.woocommerce-order *,
.woocommerce-order *::before,
.woocommerce-order *::after {
transition: none !important;
animation: none !important;
} .empty-cart-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2em;
padding: 2em 6vw 0em 6vw;
max-width: 1920px;
margin: 0 auto;
}
.product-info-cart {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.cart-section {
display: flex;
flex-direction: column;
gap: 2em;
padding: 2em 6vw 0em 6vw;
max-width: 1920px;
margin: 0 auto;
}
.cart-items {
display: flex;
flex-direction: column;
gap: 2em;
}
.cart-items-container {
display: flex;
flex-direction: column;
border-radius: 0px;
overflow: hidden;
border: 1px solid #f0f0f0;
}
.cart-item {
display: flex;
padding: 1.5em;
background-color: #fff;
}
.cart-item:last-child {
border-bottom: none;
}
.product-thumbnail {
width: 130px;
margin-right: 1.5em;
}
.product-thumbnail img {
width: 100%;
height: auto;
border-radius: 0px;
border: 1px solid #f0f0f0;
}
.product-details {
flex: 1;
display: flex;
flex-direction: column;
gap: 1em;
}
.product-info {
display: flex;
justify-content: space-between;
}
.product-name {
font-weight: 600;
}
.product-name a {
color: #333;
text-decoration: none;
}
.product-category {
font-size: 0.85em;
color: #777;
margin-top: 0.3em;
}
.product-remove a {
display: flex;
align-items: center;
justify-content: center;
transition: color 0.2s;
}
.product-remove a img {
width: 25px;
height: 25px;
}
.product-actions {
display: flex;
justify-content: space-between;
align-items: center;
}
.product-quantity {
display: flex;
align-items: center;
}
.product-pricing {
text-align: right;
}
.price-netto {
color: #777;
font-size: 0.9em;
}
.price-brutto {
font-weight: 600;
font-size: 1.1em;
margin-top: 0.2em;
}
.cart-totals {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
background-color: #fff;
border-radius: 0px;
padding: 1.5em;
border: 1px solid #f0f0f0;
}
.cart-summary {
margin-bottom: 1.5em;
}
.cart-summary-row {
display: flex;
justify-content: space-between;
}
.total-brutto {
font-size: 1.2em;
font-weight: 700;
}
.total-netto {
color: #777;
font-size: 0.9em;
}
.tax-info {
margin-top: 0.5em;
}
.tax-info .cart-label {
color: #777;
font-size: 0.9em;
}
.cart-buttons {
display: flex;
gap: 1em;
margin-top: 1.5em;
}
.custom-quantity-input {
display: flex;
align-items: center;
border: 1px solid #ddd;
border-radius: 0px;
}
.custom-quantity-input .minus-btn,
.custom-quantity-input .plus-btn {
background: none;
border: none;
padding: 0.5rem 0.8rem;
cursor: pointer;
font-size: 1.2rem;
}
.custom-quantity-input .qty {
text-align: center;
border: none;
padding: 0.5rem 0;
width: 40px;
}
.custom-quantity-input input[type=number].qty {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.custom-quantity-input input[type=number].qty::-webkit-inner-spin-button, .custom-quantity-input input[type=number].qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-quantity-group {
display: flex;
align-items: center;
flex-direction: row;
gap: 1.5rem;
}
.unit-price-info {
border: 1px dashed #ddd;
border-radius: 0px;
padding: 0.5rem 1rem;
text-align: center;
display: flex;
align-items: center;
flex-direction: row;
gap: 0.5rem;
}
.unit-price-info .unit-price-brutto {
font-weight: 500;
font-size: 0.95rem;
color: #333;
}
.unit-price-info .unit-price-netto {
font-weight: 500;
font-size: 0.95rem;
color: #333;
}
@media (max-width: 768px) {
.product-quantity-group {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.unit-price-info {
width: 100%;
text-align: left;
flex-direction: column;
}
}
.product-actions {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 768px) {
.product-actions {
flex-direction: column;
gap: 1rem;
}
.product-actions .product-pricing {
width: 100%;
}
}
.button-back {
text-decoration: none;
padding: 0.8em 1.5em;
border-radius: 0px;
font-weight: 500;
text-align: center;
transition: all 0.2s;
background-color: #f5f5f5;
color: #333;
border: 1px solid #ddd;
flex: 1;
}
.button-back:hover {
background-color: #eaeaea;
}
.button-next {
text-decoration: none;
padding: 0.8em 1.5em;
border-radius: 0px;
font-weight: 500;
text-align: center;
transition: all 0.2s;
background-color: #0097e6;
color: white;
border: none;
flex: 1;
}
.button-next:hover {
background-color: #0087d1;
}
.hide-update {
display: none;
}
.total-brutto .cart-label {
font-weight: 600;
font-size: 1.2em !important;
}
.total-brutto .cart-label bdi {
font-weight: 600;
font-size: 1.2em !important;
}
.total-brutto .cart-label bdi span {
font-weight: 600;
font-size: 1.2em !important;
} @media (max-width: 768px) {
.cart-item {
flex-direction: column;
gap: 1em;
padding: 1em;
position: relative;
}
.product-info {
flex-direction: column;
gap: 0.5em;
}
.product-remove {
position: absolute;
top: 1em;
right: 1em;
}
.product-actions {
flex-direction: column;
align-items: flex-start;
gap: 1em;
}
.product-pricing {
text-align: left;
width: 100%;
display: flex;
justify-content: flex-start;
flex-direction: column;
}
.cart-buttons {
flex-direction: column;
}
.product-thumbnail {
width: 130px;
margin-right: 1.5em;
}
.price-brutto {
font-weight: 600;
font-size: 1.2em !important;
}
.price-brutto bdi {
font-weight: 600;
font-size: 1.2em !important;
}
.price-brutto bdi span {
font-weight: 600;
font-size: 1.2em !important;
}
.cart-totals {
flex-direction: column;
align-items: flex-start;
}
.cart-totals .cart-buttons {
display: flex;
gap: 1em;
margin-top: 0em;
}
.total-brutto .cart-label {
font-weight: 600;
font-size: 1.2em !important;
}
.total-brutto .cart-label bdi {
font-weight: 600;
font-size: 1.3em !important;
}
.total-brutto .cart-label bdi span {
font-weight: 600;
font-size: 1.3em !important;
}
}
.gift-qualified,
.gift-threshold {
display: flex;
align-items: center;
padding: 2em;
border-radius: 12px;
border: 1px solid #ddd;
}
.gift-content {
display: flex;
flex-direction: column;
gap: 10px;
}
.gift-content-inner {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
}
.gift-content-inner h4 {
font-size: 1.3em;
}
.gift-content-inner h4 span {
font-weight: 700;
font-size: 1em;
}
.gift-content-inner h4 span bdi {
font-weight: 700;
font-size: 1em;
}
.gift-content-inner h4 span bdi span {
font-weight: 700;
font-size: 1em;
}
.gift-icon {
font-size: 24px;
flex-shrink: 0;
} @media (max-width: 768px) {
.gift-qualified,
.gift-threshold {
padding: 15px;
gap: 12px;
}
.gift-content h4 {
font-size: 16px;
}
.gift-content p {
font-size: 13px;
}
}
.b2b-discount-notice {
position: relative;
padding: 1.5rem 1.5rem 1.5rem 5rem;
background-color: rgba(213, 169, 142, 0.1843137255);
border: 1px solid #f35d00;
border-radius: 6px;
color: black;
font-size: 1rem;
line-height: 1.5;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
margin: 20px 0;
}
.b2b-discount-notice::before {
content: "";
position: absolute;
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
width: 2rem;
height: 2rem;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/info.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.b2b-discount-notice .b2b-discount-content strong {
color: #ed6c18;
font-size: 1rem;
font-weight: 600;
}
.b2b-discount-notice .b2b-discount-description {
color: #ed6c18;
font-size: 0.875rem;
margin-top: 0.25rem;
line-height: 1.4;
}
@media (max-width: 576px) {
.b2b-discount-notice {
padding: 1.25rem 1.25rem 1.25rem 3.5rem;
font-size: 0.9rem;
}
.b2b-discount-notice::before {
left: 1.25rem;
width: 1.25rem;
height: 1.25rem;
font-size: 1.25rem;
}
.b2b-discount-notice .b2b-discount-content strong {
font-size: 0.9rem;
}
.b2b-discount-notice .b2b-discount-description {
font-size: 0.8rem;
}
}
.woocommerce-notices-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0em 6vw 0em 6vw;
max-width: 1920px;
margin: 0 auto;
width: 100%;
gap: 0.5em;
}
.woocommerce-notices-wrapper .woocommerce-message {
margin-top: 10px;
background-color: #ed6c18;
padding: 0.5em 1em;
border-radius: 5px;
color: white !important;
}
.woocommerce-notices-wrapper .woocommerce-message a {
color: white !important;
}
.woocommerce-notices-wrapper .woocommerce-message a:focus {
outline: none;
}
.woocommerce-notices-wrapper .woocommerce-message:focus {
outline: none;
}
.woocommerce-notices-wrapper .woocommerce-error {
margin-top: 10px;
background-color: #ed6c18;
padding: 0.5em 1em;
border-radius: 5px;
color: white !important;
}
.woocommerce-notices-wrapper .woocommerce-error li {
color: white !important;
}
.woocommerce-notices-wrapper .woocommerce-error a {
color: white !important;
}
.woocommerce-notices-wrapper .woocommerce-error a:focus {
outline: none;
}
.woocommerce-notices-wrapper .woocommerce-error:focus {
outline: none;
}
.woocommerce-notices-wrapper ul {
list-style: none;
padding-top: 2em;
}
.woocommerce-notices-wrapper ul strong {
color: #b42318;
}
.woocommerce-no-products-found {
margin: 2rem 0;
}
.woocommerce-no-products-found .woocommerce-info {
position: relative;
padding: 1.5rem 1.5rem 1.5rem 5rem;
background-color: #ffe0cc;
border: 1px solid #f35d00;
border-radius: 6px;
color: #f35d00;
font-size: 1rem;
line-height: 1.5;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.woocommerce-no-products-found .woocommerce-info::before {
content: "";
position: absolute;
left: 1.5rem;
top: 50%;
transform: translateY(-50%);
width: 2rem;
height: 2rem;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/alert.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (max-width: 576px) {
.woocommerce-no-products-found .woocommerce-info {
padding: 1.25rem 1.25rem 1.25rem 3.5rem;
font-size: 0.9rem;
}
.woocommerce-no-products-found .woocommerce-info::before {
left: 1.25rem;
width: 1.25rem;
height: 1.25rem;
}
}
mark,
ins {
background: transparent !important;
text-decoration: none;
}
.login-form-woocommerce {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2em 6vw 0em 6vw;
max-width: 1920px;
margin: 0 auto;
width: 100%;
}
.u-columns {
display: flex;
flex-direction: row;
gap: 2em;
width: 100%;
}
@media (max-width: 1024px) {
.u-columns {
flex-direction: column;
}
}
.u-column1,
.u-column2 {
background-color: white;
border-radius: 0px !important;
display: flex;
flex-direction: column;
gap: 1em;
padding: 2em;
width: 50%;
border-radius: 0px !important;
border: 1px solid #dfdfdf;
}
.u-column1 h2,
.u-column2 h2 {
font-weight: 700;
}
@media (max-width: 1024px) {
.u-column1,
.u-column2 {
width: 100%;
}
}
.woocommerce-form {
display: flex;
flex-direction: column;
gap: 1em;
width: 100%;
padding-top: 1em;
}
.woocommerce-form .woocommerce-form-row {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1em;
width: 100%;
}
.woocommerce-form .woocommerce-form-row .required {
color: #b42318;
}
.woocommerce-form .woocommerce-form-row .woocommerce-Input {
padding: 1.1em 1.5em;
width: 100%;
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
color: black;
}
.woocommerce-form .woocommerce-form-row .woocommerce-Input:focus {
outline: none;
box-shadow: 0 0 0 2px #252525;
}
.woocommerce-form .woocommerce-privacy-policy-text p a {
color: #252525;
}
.woocommerce-form .woocommerce-LostPassword {
padding-top: 2em;
}
.woocommerce-form .woocommerce-LostPassword a {
color: #252525;
font-weight: 600;
}
.form-row-wide {
display: flex;
flex-direction: row;
gap: 2em;
width: 100%;
padding-top: 1em;
}
.form-row-wide .main-button {
font-weight: 600;
padding: 1.5em 3vw;
}
@media (max-width: 724px) {
.form-row-wide .main-button {
width: 100%;
}
}
.form-row-wide .woocommerce-form__label {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 0.5em;
}
.form-row-wide .woocommerce-form__label .remember-me {
font-weight: 600;
}
.form-row-wide .woocommerce-form__label .woocommerce-form__input-checkbox {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 18px;
height: 18px;
border: 2px solid black;
border-radius: 3px;
outline: none;
cursor: pointer;
position: relative;
}
.form-row-wide .woocommerce-form__label .woocommerce-form__input-checkbox:checked {
background-color: #ed6c18;
border-color: #ed6c18;
}
.form-row-wide .woocommerce-form__label .woocommerce-form__input-checkbox:checked::after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (max-width: 724px) {
.form-row-wide {
flex-direction: column;
}
}
.lost-password-form-woocommerce {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2em 6vw 0em 6vw;
width: 100%;
}
.lost-password-form-woocommerce h2 {
font-weight: 700;
}
.lost-password-form-woocommerce .woocommerce-ResetPassword {
background-color: white;
border-radius: 0px !important;
border: 1px solid #dfdfdf;
display: flex;
flex-direction: column;
gap: 1em;
padding: 2em;
width: 50%;
}
@media (max-width: 1124px) {
.lost-password-form-woocommerce .woocommerce-ResetPassword {
width: 100%;
}
}
.lost-password-form-woocommerce .form-row {
padding-top: 1em;
}
.lost-password-form-woocommerce .woocommerce-form-row {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.lost-password-form-woocommerce .woocommerce-form-row .required {
color: #b42318;
}
.lost-password-form-woocommerce .woocommerce-form-row .woocommerce-Input {
padding: 1.1em 1.5em;
width: 100%;
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
color: black;
}
.lost-password-form-woocommerce .woocommerce-form-row .woocommerce-Input:focus {
outline: none;
box-shadow: 0 0 0 2px #252525;
}
.lost-password-confirmation-woocommerce {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2em 6vw 0em 6vw;
margin-top: 7em;
gap: 2em;
width: 100%;
}
.lost-password-confirmation-woocommerce h2 {
font-weight: 700;
}
.lost-password-confirmation-woocommerce .lost-password-confirmation-inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.lost-password-confirmation-woocommerce .lost-password-confirmation-inner p {
text-align: center;
}
.reset-password-form-woocommerce {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2em 6vw 0em 6vw;
width: 100%;
}
.reset-password-form-woocommerce h2 {
font-weight: 700;
}
.reset-password-form-woocommerce .woocommerce-ResetPassword {
background-color: white;
border-radius: 0px !important;
border: 1px solid #dfdfdf;
display: flex;
flex-direction: column;
gap: 1em;
padding: 2em;
width: 50%;
}
@media (max-width: 1124px) {
.reset-password-form-woocommerce .woocommerce-ResetPassword {
width: 100%;
}
}
.reset-password-form-woocommerce .form-row {
padding-top: 1em;
}
.reset-password-form-woocommerce .woocommerce-form-row {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.reset-password-form-woocommerce .woocommerce-form-row .required {
color: #b42318;
}
.reset-password-form-woocommerce .woocommerce-form-row .woocommerce-Input {
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
padding: 1.1em 1.5em;
width: 100%;
color: black;
}
.reset-password-form-woocommerce .woocommerce-form-row .woocommerce-Input:focus {
outline: none;
box-shadow: 0 0 0 2px #252525;
}
.my-account-woocommerce {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: center;
padding: 2em 6vw 0em 6vw;
max-width: 1920px;
margin: 0 auto;
width: 100%;
gap: 3em;
}
@media (max-width: 1024px) {
.my-account-woocommerce {
flex-direction: column;
}
}
.woocommerce-MyAccount-navigation {
width: 25%;
position: relative;
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
gap: 1em;
}
.woocommerce-MyAccount-navigation ul .account-icon {
width: 18px;
height: 18px;
margin-right: 8px;
vertical-align: middle;
}
.woocommerce-MyAccount-navigation ul li {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
padding: 1em 1.5em;
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.woocommerce-MyAccount-navigation ul li a {
color: #252525;
text-decoration: none;
display: flex;
flex-direction: row;
align-items: center;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: #252525;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color: white;
}
.woocommerce-MyAccount-navigation ul li.is-active {
background-color: #ed6c18;
}
@media (max-width: 1024px) {
.woocommerce-MyAccount-navigation {
width: 100%;
}
}
.woocommerce-MyAccount-content {
width: 75%;
background-color: white;
display: flex;
flex-direction: column;
}
.woocommerce-MyAccount-content a {
color: #ed6c18;
font-weight: 600;
}
.woocommerce-MyAccount-content h2 {
font-weight: 700;
}
@media (max-width: 1024px) {
.woocommerce-MyAccount-content {
width: 100%;
}
}
.woocommerce-EditAccountForm {
display: flex;
flex-direction: column;
gap: 1em;
width: 100%;
padding-top: 1em;
}
.woocommerce-EditAccountForm .form-inline {
display: flex;
flex-direction: row;
gap: 1em;
}
@media (max-width: 724px) {
.woocommerce-EditAccountForm .form-inline {
width: 100%;
flex-direction: column;
}
}
.woocommerce-EditAccountForm .form-row {
padding-top: 0em;
}
.woocommerce-EditAccountForm .woocommerce-form-row {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1em;
width: 100%; }
.woocommerce-EditAccountForm .woocommerce-form-row .required {
color: #b42318;
}
.woocommerce-EditAccountForm .woocommerce-form-row .password-field {
position: relative;
}
.woocommerce-EditAccountForm .woocommerce-form-row .password-input {
position: relative;
display: block;
width: 100%;
}
.woocommerce-EditAccountForm .woocommerce-form-row button {
background: hsla(0, 0%, 0%, 0);
}
.woocommerce-EditAccountForm .woocommerce-form-row .show-password-input {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/show-pass.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 0;
margin: 0;
height: 25px;
width: 25px;
outline: none;
}
.woocommerce-EditAccountForm .woocommerce-form-row .show-password-input:hover,
.woocommerce-EditAccountForm .woocommerce-form-row .show-password-input:focus,
.woocommerce-EditAccountForm .woocommerce-form-row .show-password-input:active {
border: none;
box-shadow: none;
outline: none;
}
.woocommerce-EditAccountForm .woocommerce-form-row .woocommerce-Input {
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
padding: 1.1em 1.5em;
width: 100%;
color: black;
}
.woocommerce-EditAccountForm .woocommerce-form-row .woocommerce-Input:focus {
outline: none;
box-shadow: 0 0 0 2px #252525;
}
.woocommerce-EditAccountForm .password-change {
margin-top: 1em;
text-transform: uppercase;
font-size: 1.2em;
font-weight: 700;
}
.woocommerce-EditAccountForm .main-button {
font-weight: 600;
padding: 1.5em 3vw;
}
@media (max-width: 724px) {
.woocommerce-EditAccountForm .main-button {
width: 100%;
}
}
.woocommerce-MyAccount-orders {
width: 100%;
} .woocommerce-orders-table {
width: 100%;
border-collapse: collapse;
border: 1px solid #e6e6e6;
border-radius: 4px;
margin-bottom: 2em;
background-color: #fff;
}
.woocommerce-orders-table thead {
background-color: #f5f5f5;
}
.woocommerce-orders-table th {
padding: 12px 15px;
text-align: left;
font-weight: 600;
border-bottom: 1px solid #e6e6e6;
}
.woocommerce-orders-table tbody tr {
border-bottom: 1px solid #e6e6e6;
}
.woocommerce-orders-table tbody tr:last-child {
border-bottom: none;
}
.woocommerce-orders-table td {
padding: 15px;
vertical-align: middle;
}
.woocommerce-orders-table__cell-order-number a {
text-decoration: none;
color: #333;
font-weight: 600;
}
.woocommerce-orders-table__cell-order-status {
color: #777;
}
.woocommerce-orders-table__cell-order-actions .button.view {
background-color: #ed6c18;
padding: 8px 10px !important;
text-decoration: none !important;
color: white !important;
border-radius: 0 !important;
color: white !important;
transition: background-color 0.3s ease, color 0.3s ease;
border: 1px solid #ed6c18 !important;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.woocommerce-orders-table__cell-order-actions .button.view:hover {
background-color: transparent;
color: #ed6c18 !important;
}
@media screen and (max-width: 768px) {
.woocommerce-orders-table__row {
margin-bottom: 1.5em;
display: block;
border: 1px solid #e6e6e6;
}
.woocommerce-orders-table__cell {
display: block;
text-align: right;
padding: 10px 15px;
border-bottom: 1px solid #f0f0f0;
}
.woocommerce-orders-table__cell:before {
content: attr(data-title);
float: left;
font-weight: 600;
}
.woocommerce-orders-table__cell:last-child {
border-bottom: none;
}
}
.order-details-container {
margin: 0 auto;
width: 100%;
color: black;
}
.order-details-container .order-header {
margin-bottom: 20px;
padding-bottom: 10px;
}
.order-details-container .back-link {
color: black;
text-decoration: none;
font-weight: 700;
display: flex;
align-items: center;
gap: 5px;
font-weight: 500;
font-size: 2rem;
line-height: 1;
margin: 0;
padding: 0;
}
@media (min-width: 724px) {
.order-details-container .back-link {
font-size: 2.25rem;
}
}
@media (min-width: 1024px) {
.order-details-container .back-link {
font-size: 2.625rem;
}
}
.order-details-container .back-link .arrow-back-icon {
display: inline-block;
width: 24px;
height: 24px;
padding: 1px;
vertical-align: middle;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-back.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.order-info {
margin-bottom: 20px;
}
.order-info p {
margin: 5px 0;
font-size: 14px;
}
.order-items {
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #e0e0e0;
}
.order-items .order-item-header {
display: flex;
color: black;
font-weight: 600;
padding: 1.3em 1em;
}
.order-items .product-column {
flex: 3;
}
.order-items .total-column {
flex: 1;
}
.order-item {
display: flex;
padding: 1.3em 1em;
}
.order-item:last-child {
border-bottom: none;
}
.order-item .product-name {
flex: 3;
color: #252525;
font-weight: 500;
}
.order-item .product-total {
flex: 1;
}
.order-item.total {
font-weight: 600;
}
.subtotal-item {
border-top: 2px solid rgb(230, 230, 230);
}
.discount-label,
.subtotal-label,
.shipping-label,
.payment-label,
.total-label {
flex: 3;
font-weight: 700;
}
.discount-value,
.subtotal-value,
.shipping-value,
.payment-value,
.total-value {
flex: 1;
font-weight: 700;
font-size: 0.875rem;
}
.discount-value span,
.subtotal-value span,
.shipping-value span,
.payment-value span,
.total-value span {
font-weight: 700;
}
.shipping-method {
font-size: 12px;
color: #777;
display: block;
}
.address-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
.address-section .billing-address,
.address-section .shipping-address {
flex: 1;
min-width: 250px;
border: 1px solid #e0e0e0;
padding: 15px;
border-radius: 0px;
}
.address-section .billing-address h3,
.address-section .shipping-address h3 {
margin-top: 0;
margin-bottom: 10px;
font-weight: 700;
}
address {
font-style: normal;
line-height: 1.6;
font-size: 14px;
}
.phone-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/phone.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.email-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 5px;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/email.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.woocommerce-Address {
background-color: #f5f5f5;
margin-top: 3em;
}
.addresses-title {
font-weight: 700;
padding-bottom: 10px;
}
.addresses-description {
font-size: 16px;
color: black;
margin-bottom: 25px;
}
.addresses-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.address-box {
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
padding: 20px;
width: calc(50% - 10px);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.address-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-bottom: 5px;
}
.address-header h3 {
font-size: 1.2em;
font-weight: 700;
margin: 0;
}
.edit-button {
color: #4caf50;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
.address-content {
font-size: 14px;
line-height: 1.6;
color: black;
}
.address-name {
font-weight: 500;
margin-bottom: 5px;
}
.address-street,
.address-location {
margin-bottom: 5px;
}
.address-phone,
.address-email {
display: flex;
align-items: center;
margin-top: 8px;
color: #666;
}
.phone-icon,
.email-icon {
margin-right: 5px;
}
@media (max-width: 767px) {
.addresses-container {
flex-direction: column;
}
.address-box {
width: 100%;
}
}
.woocommerce-form {
display: flex;
flex-direction: column;
width: 100%;
padding-top: 1em;
}
.woocommerce-form .back-link {
color: black;
text-decoration: none;
font-weight: 700;
display: flex;
align-items: center;
gap: 5px;
font-weight: 500;
font-size: 2rem;
line-height: 1;
margin: 0;
padding: 0;
}
@media (min-width: 724px) {
.woocommerce-form .back-link {
font-size: 2.25rem;
}
}
@media (min-width: 1024px) {
.woocommerce-form .back-link {
font-size: 2.625rem;
}
}
.woocommerce-form .back-link .arrow-back-icon {
display: inline-block;
width: 24px;
height: 24px;
padding: 1px;
vertical-align: middle;
background-image: url(//luxolar.pl/wp-content/themes/portal_lamp/images/arrow-back.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.woocommerce-form .form-row {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 1em;
padding-top: 2em;
width: 100%;          }
.woocommerce-form .form-row .required {
color: #b42318;
}
.woocommerce-form .form-row .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-form .form-row .woocommerce-input-wrapper input {
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
padding: 1.1em 1.5em;
width: 100%;
color: black;
}
.woocommerce-form .form-row .woocommerce-input-wrapper input:focus {
outline: none;
box-shadow: 0 0 0 2px #252525;
}
.woocommerce-form .form-row .select2-container {
width: 100% !important;
}
.woocommerce-form .form-row .select2-container .select2-selection--single {
padding: 0.5em 0.5em;
height: auto;
min-height: 3.6em; width: 100%;
border-radius: 0px !important;
border: 1px solid #dfdfdf !important;
background-color: white;
color: black;
}
.woocommerce-form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
color: black;
line-height: 1.5;
padding: 0.5em 0.5em;
}
.woocommerce-form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0;
right: 10px;
}
.woocommerce-form .form-row .select2-container--default .select2-selection--single:focus,
.woocommerce-form .form-row .select2-container--default.select2-container--focus .select2-selection--single {
outline: none;
box-shadow: 0 0 0 2px #252525;
}
.woocommerce-form .form-row .dropdown-wrapper {
background-color: #f5f5f5;
border: none;
border-radius: 0px !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
margin-top: 1px;
}
.woocommerce-form .form-row .select2-results__option {
padding: 1.1em 1.5em;
color: black;
transition: background-color 0.2s;
}
.woocommerce-form .form-row .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #e6e6e6;
}
.woocommerce-form .form-row .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #252525;
color: white;
}
.woocommerce-form .form-row .select2-search--dropdown {
padding: 10px;
}
.woocommerce-form .form-row .select2-search--dropdown .select2-search__field {
border-radius: 0px !important;
padding: 0.8em 1em;
background-color: #ffffff;
border: 1px solid #e0e0e0;
color: black;
}
.woocommerce-form .form-row .select2-search--dropdown .select2-search__field:focus {
outline: none;
box-shadow: 0 0 0 2px #252525;
border-color: transparent;
}
.woocommerce-form .form-row .select2-container--default.select2-container--open .select2-selection--single {
box-shadow: 0 0 0 2px #252525;
}
.woocommerce-form .form-row .select2-container--open .select2-dropdown {
border-color: transparent;
}
.woocommerce-form .form-row .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.woocommerce-form .form-row .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.woocommerce-form .form-row .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.woocommerce-form .form-row .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.woocommerce-form .form-row .select2-results__options::-webkit-scrollbar {
width: 6px;
}
.woocommerce-form .form-row .select2-results__options::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.woocommerce-form .form-row .select2-results__options::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 10px;
}
.woocommerce-form .form-row .select2-results__options::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}
.woocommerce-form .main-button {
font-weight: 600;
padding: 1.5em 3vw;
}
@media (max-width: 724px) {
.woocommerce-form .main-button {
width: 100%;
}
}