/* === Kalkulator TAM SAM SOM === */
.tamss-calculator{
--tam-primary:#0052CC;
--tam-bg:#F4F7FB;
--tam-radius:12px;
font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
background:var(--tam-bg);
padding:2rem;
border-radius:var(--tam-radius);
box-shadow:0 6px 18px -6px rgba(0,0,0,.15);
max-width:100%;
}
.tamss-calculator h2{
font-size:1.6rem;
margin-bottom:1rem;
text-align:center;
}
.tamss-calculator h2 span{
color:var(--tam-primary);
}
.tamss-table-wrap{
overflow-x:auto;
}
.tamss-table-wrap table{
width:100%;
border-collapse:collapse;
}
.tamss-table-wrap th,
.tamss-table-wrap td{
padding:.6rem .5rem;
text-align:center;
}
.tamss-table-wrap thead{
background:var(--tam-primary);
color:#fff;
}
.tamss-table-wrap tbody tr:nth-child(even){
background:#fff;
}
.tamss-table-wrap input[type="number"],
.tamss-table-wrap input[type="text"]{
width:100%;
padding:.4rem .3rem;
border:1px solid #d6d9e0;
border-radius:6px;
font-size:.9rem;
}
.tamss-add,
.tamss-remove,
.tamss-calc{
cursor:pointer;
border:none;
border-radius:6px;
padding:.45rem .9rem;
font-weight:600;
transition:background .2s,transform .2s;
}
.tamss-add{
margin-top:.6rem;
background:#fff;
border:2px dashed var(--tam-primary);
color:var(--tam-primary);
}
.tamss-add:hover{
background:var(--tam-primary);
color:#fff;
}
.tamss-remove{
background:#ff5252;
color:#fff;
}
.tamss-remove:hover{
transform:scale(1.1);
}
.tamss-params{
margin:1.5rem 0;
display:flex;
flex-wrap:wrap;
gap:1rem;
align-items:center;
justify-content:center;
}
.tamss-params label{
font-weight:600;
}
.tamss-params input{
width:5rem;
margin-left:.4rem;
padding:.3rem .4rem;
border:1px solid #d6d9e0;
border-radius:6px;
}
.tamss-calc{
background:var(--tam-primary);
color:#fff;
}
.tamss-calc:hover{
background:#003E99;
}
.tamss-results{
background:#fff;
border-radius:var(--tam-radius);
padding:1rem 1.4rem;
box-shadow:0 4px 12px -4px rgba(0,0,0,.1);
}
.tamss-results h3{
margin-top:0;
margin-bottom:.8rem;
font-size:1.3rem;
text-align:center;
}
.tamss-results ul{
list-style:none;
padding:0;
margin:0;
}
.tamss-results li{
margin:.4rem 0;
font-size:1.05rem;
}
@media (max-width:600px){
.tamss-table-wrap th:nth-child(1),
.tamss-table-wrap td:nth-child(1){
min-width:120px;
}
}
/* === Break-Even Point Calculator === */
.bep-wrapper{
font-family:"Inter",Arial,sans-serif;
max-width:100%;
margin:2rem auto;
padding:1.5rem 2rem;
background:#fff;
border:1px solid #e5e7eb;
border-radius:1rem;
box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.bep-wrapper h2{
margin-bottom:1rem;
font-size:1.5rem;
text-align:center;
background:linear-gradient(90deg,#6366f1,#0ea5e9);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
#bep-calculator label{
display:flex;
flex-wrap:wrap;
gap:.5rem;
align-items:center;
margin-bottom:1rem;
font-weight:500;
}
#bep-calculator input[type="number"]{
padding:.35rem .55rem;
border:1px solid #d1d5db;
border-radius:.5rem;
width:100%;
max-width:150px;
}
#scenario-table{
width:100%;
border-collapse:collapse;
margin-bottom:1rem;
font-size:.9rem;
}
#scenario-table th,
#scenario-table td{
padding:.6rem .75rem;
text-align:center;
border-bottom:1px solid #e5e7eb;
}
#scenario-table tbody tr:nth-child(even){
background:#f9fafb;
}
#scenario-table td.ebit{font-weight:600;}
#add-row{
display:inline-block;
margin-top:.5rem;
background:#6366f1;
color:#fff;
border:none;
padding:.6rem 1.1rem;
border-radius:.75rem;
cursor:pointer;
transition:transform .15s ease,box-shadow .15s ease;
}
#add-row:hover{
transform:translateY(-2px);
box-shadow:0 8px 16px rgba(99,102,241,.3);
}
/* Responsive: chowamy EBIT dla bardzo małych ekranów */
@media(max-width:640px){
#scenario-table th:nth-child(5),
#scenario-table td:nth-child(5){display:none;}
#scenario-table th,
#scenario-table td{padding:.4rem .3rem;}
}
/* Why Read This Article Component */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
.why-read-article-container {
font-family: 'Roboto', sans-serif;
max-width: 100%;
border-radius: 16px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
margin: 35px 0;
background: linear-gradient(135deg, #ffffff, #f8f9fa);
border: 1px solid #e9e9e9;
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
}
.why-read-article-container:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}
.why-read-header {
padding: 22px 28px;
background: linear-gradient(135deg, #2563EB, #3b82f6, #60a5fa);
background-size: 300% 300%;
animation: gradientAnimation 12s ease infinite;
color: white !important;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@keyframes gradientAnimation {
0% {background-position: 0% 50%}
50% {background-position: 100% 50%}
100% {background-position: 0% 50%}
}
.why-read-title h3 {
margin: 0;
font-weight: 600;
font-size: 1.35rem;
letter-spacing: 0.5px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
color: white !important;
}
.why-read-icon i {
font-size: 1.6rem;
opacity: 0.9;
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}
.why-read-content {
padding: 28px 25px 18px 25px;
background-color: white;
}
.why-read-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.why-read-list li {
margin-bottom: 22px;
}
.why-read-list li:last-child {
margin-bottom: 5px;
}
.bullet-point {
display: flex;
align-items: flex-start;
}
.bullet-marker {
display: flex;
justify-content: center;
align-items: center;
min-width: 36px;
height: 36px;
border-radius: 50%;
background: #000000;
margin-right: 18px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
}
.bullet-marker i,
.bullet-number {
color: white;
font-size: 0.9rem;
font-weight: 600;
}
.bullet-text {
font-size: 1.05rem;
line-height: 1.6;
color: #343a40;
padding-top: 5px;
flex: 1;
transition: transform 0.2s ease;
}
.why-read-list li:hover .bullet-marker {
transform: scale(1.1) rotate(5deg);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.why-read-list li:hover .bullet-text {
transform: translateX(5px);
}
.why-read-footer {
padding: 18px 28px;
background-color: #f8f9fa;
border-top: 1px solid #eaeaea;
text-align: center;
position: relative;
}
.why-read-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(to right, #2563EB, #3b82f6, #60a5fa);
opacity: 0.3;
}
.bgrev-link {
color: #2563EB;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
display: inline-flex;
align-items: center;
transition: all 0.3s ease;
position: relative;
padding: 5px 10px;
border-radius: 20px;
}
.bgrev-link:hover {
color: #1e40af;
background-color: rgba(37, 99, 235, 0.05);
}
.bgrev-link i {
margin-left: 8px;
font-size: 0.9rem;
transition: transform 0.3s ease;
}
.bgrev-link:hover i {
transform: translateX(4px);
}
.bgrev-link::after {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 0;
height: 2px;
background: linear-gradient(to right, #2563EB, #3b82f6);
transition: width 0.3s ease;
opacity: 0;
}
.bgrev-link:hover::after {
width: 100%;
opacity: 1;
}
/* Subtle glow effect on hover */
.why-read-article-container::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 16px;
z-index: -1;
opacity: 0;
box-shadow: 0 0 30px rgba(37, 99, 235, 0.3);
transition: opacity 0.3s ease;
}
.why-read-article-container:hover::after {
opacity: 1;
}
/* Responsive Adjustments */
@media screen and (max-width: 768px) {
.why-read-header {
padding: 18px 22px;
}
.why-read-title h3 {
font-size: 1.2rem;
}
.why-read-content {
padding: 22px 18px 12px 18px;
}
.bullet-text {
font-size: 1rem;
}
.why-read-footer {
padding: 15px 22px;
}
.bgrev-link {
font-size: 0.95rem;
}
}
@media screen and (max-width: 480px) {
.why-read-header {
padding: 15px 18px;
}
.why-read-title h3 {
font-size: 1.1rem;
}
.bullet-marker {
min-width: 32px;
height: 32px;
}
.bullet-text {
font-size: 0.95rem;
line-height: 1.5;
}
}
/* Print styles */
@media print {
.why-read-article-container {
box-shadow: none;
border: 1px solid #ddd;
}
.why-read-header {
background: #f0f0f0 !important;
color: #000;
}
.bullet-marker {
background: #eee !important;
border: 1px solid #ccc;
}
.bullet-marker i,
.bullet-number {
color: #333;
}
}
/* Business Listing Template Styles */
/* Global Styles */
:root {
--primary-color: #3f51b5;
--secondary-color: #f50057;
--light-gray: #f5f5f5;
--medium-gray: #e0e0e0;
--dark-gray: #757575;
--text-color: #333333;
--card-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;
}
.elementor .business-listing-container {
font-family: 'Roboto', 'Segoe UI', Arial, sans-serif;
color: var(--text-color);
line-height: 1.6;
margin-bottom: 50px;
}
/* Header Section */
.elementor .listing-header {
background-color: var(--light-gray);
padding: 30px 0;
margin-bottom: 30px;
border-bottom: 1px solid var(--medium-gray);
}
.elementor .company-logo img {
max-width: 100%;
height: auto;
border-radius: 5px;
box-shadow: var(--card-shadow);
}
.elementor .company-name {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 5px;
color: var(--primary-color);
}
.elementor .company-tagline {
font-size: 1.2rem;
margin-bottom: 10px;
color: var(--dark-gray);
}
.elementor .company-year {
font-size: 0.9rem;
color: var(--dark-gray);
}
.elementor .company-rating {
text-align: right;
}
.elementor .rating-stars {
color: #ffc107;
font-size: 1.2rem;
margin-bottom: 5px;
}
.elementor .rating-count {
font-size: 0.9rem;
color: var(--dark-gray);
}
/* Content Area */
.elementor .listing-content {
margin-top: 20px;
}
/* Info Cards */
.elementor .info-card {
background-color: white;
border-radius: 5px;
box-shadow: var(--card-shadow);
padding: 20px;
margin-bottom: 20px;
}
.elementor .info-card h3 {
font-size: 1.4rem;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid var(--medium-gray);
}
.elementor .info-card h4 {
font-size: 1.2rem;
font-weight: 600;
margin-bottom: 10px;
color: var(--text-color);
}
/* Contact Info */
.elementor .contact-info p {
margin-bottom: 5px;
}
.elementor .contact-info i {
width: 20px;
color: var(--primary-color);
margin-right: 5px;
}
.elementor .contact-info a {
color: var(--primary-color);
text-decoration: none;
transition: var(--transition);
}
.elementor .contact-info a:hover {
color: var(--secondary-color);
text-decoration: underline;
}
/* Registry Info */
.elementor .registry-info p {
margin-bottom: 10px;
}
/* Social Media */
.elementor .social-media {
display: flex;
justify-content: space-around;
margin-top: 15px;
}
.elementor .social-icon {
font-size: 2rem;
color: var(--primary-color);
transition: var(--transition);
}
.elementor .social-icon:hover {
color: var(--secondary-color);
transform: scale(1.1);
}
/* Languages & Cooperation */
.elementor .languages, .elementor .cooperation {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
}
.elementor .language-badge, .elementor .cooperation-badge {
background-color: var(--light-gray);
color: var(--text-color);
padding: 5px 10px;
border-radius: 20px;
font-size: 0.9rem;
display: inline-block;
margin-bottom: 5px;
}
/* Tabs */
.elementor .nav-tabs {
border-bottom: 2px solid var(--primary-color);
margin-bottom: 20px;
}
.elementor .nav-tabs .nav-link {
color: var(--dark-gray);
border: none;
padding: 10px 15px;
transition: var(--transition);
}
.elementor .nav-tabs .nav-link:hover {
color: var(--primary-color);
border: none;
background-color: transparent;
}
.elementor .nav-tabs .nav-link.active {
color: white;
background-color: var(--primary-color);
border: none;
border-radius: 0;
}
/* About Tab */
.elementor .company-description {
text-align: justify;
}
.elementor .media-mentions {
margin-top: 15px;
}
.elementor .media-item {
margin-bottom: 10px;
padding: 10px;
background-color: var(--light-gray);
border-radius: 5px;
}
.elementor .media-item a {
color: var(--text-color);
text-decoration: none;
transition: var(--transition);
}
.elementor .media-item a:hover {
color: var(--primary-color);
}
.elementor .media-item i {
margin-right: 10px;
color: var(--primary-color);
}
/* Services Tab */
.elementor .service-item {
padding: 15px;
margin-bottom: 15px;
border-bottom: 1px solid var(--medium-gray);
}
.elementor .service-item:last-child {
border-bottom: none;
}
.elementor .service-price {
font-weight: 600;
color: var(--primary-color);
margin-top: 10px;
}
/* Gallery Tab */
.elementor .gallery-row {
margin-bottom: 20px;
}
.elementor .gallery-item {
margin-bottom: 15px;
overflow: hidden;
border-radius: 5px;
box-shadow: var(--card-shadow);
}
.elementor .gallery-item img {
transition: var(--transition);
width: 100%;
}
.elementor .gallery-item:hover img {
transform: scale(1.05);
}
.elementor .portfolio-item {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--medium-gray);
}
.elementor .portfolio-item:last-child {
border-bottom: none;
}
/* Reviews Tab */
.elementor .review-filter-source {
margin-bottom: 20px;
}
.elementor .review-filter-source .btn {
margin-right: 10px;
margin-bottom: 10px;
}
.elementor .review-item {
background-color: var(--light-gray);
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
}
.elementor .review-header {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.elementor .review-author {
font-weight: 600;
}
.elementor .review-date, .elementor .review-source {
font-size: 0.9rem;
color: var(--dark-gray);
}
.elementor .review-rating {
color: #ffc107;
margin-bottom: 10px;
}
.elementor .testimonial-item {
padding: 15px;
margin-bottom: 15px;
background-color: var(--light-gray);
border-left: 4px solid var(--primary-color);
border-radius: 0 5px 5px 0;
}
.elementor .testimonial-item blockquote {
margin: 0;
padding: 0;
}
.elementor .testimonial-item footer {
margin-top: 10px;
text-align: right;
color: var(--dark-gray);
}
/* Certificates Tab */
.elementor .certificate-item {
display: flex;
align-items: center;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--medium-gray);
}
.elementor .certificate-item:last-child {
border-bottom: none;
}
.elementor .certificate-logo {
margin-right: 20px;
color: var(--primary-color);
}
.elementor .certificate-date {
font-size: 0.9rem;
color: var(--dark-gray);
margin-top: 5px;
}
.elementor .partners-row {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
gap: 20px;
margin-top: 20px;
}
.elementor .partner-logo img {
max-width: 100%;
height: auto;
filter: grayscale(100%);
opacity: 0.7;
transition: var(--transition);
}
.elementor .partner-logo img:hover {
filter: grayscale(0%);
opacity: 1;
}
/* Location Tab */
.elementor .google-map {
height: 400px;
width: 100%;
border-radius: 5px;
margin-bottom: 20px;
}
.elementor .directions {
margin-top: 15px;
}
.elementor .directions p {
margin-bottom: 10px;
}
.elementor .directions i {
width: 20px;
color: var(--primary-color);
margin-right: 5px;
}
.elementor .branch-item {
padding: 15px;
margin-bottom: 15px;
background-color: var(--light-gray);
border-radius: 5px;
}
.elementor .branch-item h4 {
margin-bottom: 10px;
color: var(--primary-color);
}
.elementor .branch-item i {
width: 20px;
color: var(--primary-color);
margin-right: 5px;
}
/* Responsive Design */
@media (max-width: 991px) {
.elementor .company-rating {
text-align: left;
margin-top: 15px;
}
}
@media (max-width: 767px) {
.elementor .listing-header {
text-align: center;
padding: 20px 0;
}
.elementor .company-logo {
margin-bottom: 20px;
}
.elementor .company-name {
font-size: 1.8rem;
}
.elementor .nav-tabs .nav-link {
padding: 8px 10px;
font-size: 0.9rem;
}
.elementor .review-header {
flex-direction: column;
}
.elementor .review-source, .elementor .review-date {
margin-top: 5px;
}
.elementor .certificate-item {
flex-direction: column;
text-align: center;
}
.elementor .certificate-logo {
margin-right: 0;
margin-bottom: 15px;
}
}
/* Dodatkowe style poprawiające kompatybilność z Elementor */
.elementor .business-listing-container h1,
.elementor .business-listing-container h2,
.elementor .business-listing-container h3,
.elementor .business-listing-container h4 {
margin-top: 0;
}
.elementor .tab-content > .tab-pane {
display: none;
}
.elementor .tab-content > .active {
display: block;
}
/* Naprawianie stylów przycisków */
.elementor .btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.elementor .btn-outline-primary {
color: var(--primary-color);
background-color: transparent;
background-image: none;
border-color: var(--primary-color);
}
.elementor .btn-outline-primary:hover {
color: #fff;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.elementor .btn-outline-primary.active {
color: #fff;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.elementor .btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
/* Dodatkowe style dla modalnych okienek zdjęć */
.elementor .image-modal {
display: flex;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.9);
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.elementor .image-modal.show {
opacity: 1;
}
.elementor .modal-content {
position: relative;
max-width: 90%;
max-height: 90%;
margin: auto;
}
.elementor .modal-content img {
max-width: 100%;
max-height: 90vh;
display: block;
margin: auto;
}
.elementor .close-modal {
position: absolute;
top: -30px;
right: 0;
color: white;
font-size: 30px;
font-weight: bold;
cursor: pointer;
}