/*!
Theme Name: Hardrod
Theme URI: https://www.templatemonster.com/vendors/zemez
Author: Zemez
Author URI: https://zemez.io/
Description: Hardrod theme.
Template: kava
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hardrod
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
DocumentationID: hardrod
Template Id: prod-25518
*/

/* WYWOŁANIE POPUPU OD DARMOWEGO TRENINGU */
.free-training-popup{
	text-align: center;
}

:target {
    scroll-margin-top: 120px;
}

/* POWIĘKSZA TREŚĆ W USŁUGACH */
.services-content {
    font-size: 18px;
}

/* WYŁĄCZA TREŚCI TYPU PRIZE, DURATION, NEXT, AUTOR */
.post-navigation-container,
.post-author-bio,
.author,
.entry-author,
.meta-author {
    display: none !important;
}

.mpa-attributes {
    display: none !important;
}

/* Lub tylko tytuł: */
.mpa-attributes-title {
    display: none !important;
}

/* END */

.attachment-kava-thumb-l {
    width: 100% !important;
    max-width: 640px;
    height: auto !important;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}

/* WIELKOŚĆ OBRAZKA USŁUGI 
.attachment-kava-thumb-l {
    max-width: 640px !important;
    max-height: 480px !important;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border: 2px solid #3a3a3a;
}*/

#toTop {
    cursor: pointer;
}

/* PODŚWIETLENIE TYTUŁÓW ĆWICZEŃ NA GŁÓWNEJ */
.services-new-hover .elementor-heading-title {
    transition: all 0.3s ease-in-out;
}

/* Zmiana koloru po najechaniu na kontener */
.services-new-hover:hover .elementor-heading-title {
    color: #ffffff !important;
}

.pionowa-lista span.wpcf7-list-item {
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}

/* ============================= */
/* Gutenberg CTA button (OTHER) */
/* ============================= */

.wp-block-button.cta-free-training .wp-block-button__link.free-training-popup {
    background-color: #4D9CCB !important;
    color: #ffffff !important;
    border-radius: 0;

    padding: 14px 32px;          /* 🔽 bezpieczne na mobile */
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    border: 2px solid transparent;
    transition: all 0.2s ease-in-out;

    display: inline-flex;        /* 🔑 KLUCZ */
    align-items: center;         /* 🔑 */
    justify-content: center;     /* 🔑 */

    line-height: 1.2;            /* 🔑 */
    white-space: nowrap;         /* 🔑 NIE ŁAM TEKSTU */
    box-sizing: border-box;      /* 🔑 */
    text-align: center;
}

/* Efekt hover */
.wp-block-button.cta-free-training .wp-block-button__link.free-training-popup:hover {
    background-color: #DFDFDF !important;
    color: #3a3a3a !important;
}

/* Pełna szerokość CTA */
.cta-fullwidth {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
}

/* ============================= */
/* Free training section layout */
/* ============================= */

.free-training-title {
    color: #ffffff;
    margin: 0 auto;
    max-width: 960px;
}

.free-training-section {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
}

.free-training-section .wp-block-group__inner-container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.offer {
    margin-bottom: 50px auto !important;
    text-align: center !important;
    display: block !important;
}

* ============================= */
/* Special Offer Banner Styles */
/* ============================= */
.free-training-section h2.free-training-title {
    font-family: 'Montserrat', sans-serif;
}

.free-training-section h3.free-training-title {
    font-family: 'Montserrat', sans-serif;
    font-style: none;
}

.free-training-section p.free-training-title {
    font-family: 'Montserrat', sans-serif;
    opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .free-training-section h2.free-training-title {
        font-size: 42px !important;
    }
    
    .free-training-section h3.free-training-title {
        font-size: 32px !important;
    }
    
    .free-training-section p.free-training-title {
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .free-training-section h2.free-training-title {
        font-size: 32px !important;
    }
    
    .free-training-section h3.free-training-title {
        font-size: 24px !important;
    }
}