/*
Theme Name: awd-gedeaniko
Theme URI: https://www.artonwebdesign.hu/
Author: Tóth Orsolya
Author URI: https://artonwebdesign.hu/
Description: Block Theme by Tóth Orsolya
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: awd-gedeaniko
*/



html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
    text-rendering: optimizeLegibility;
    font-optical-sizing: auto;
}

.eyebrow-underline {
    position: relative;
    display: inline-block;
}

.eyebrow-underline-center {
    position: relative;
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.eyebrow-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    max-width: 140px;
    height: 2px;
    background-color: var(--wp--preset--color--accent);
}

.eyebrow-underline-center::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    width: 100%;
    max-width: 140px;
    height: 2px;
    background-color: var(--wp--preset--color--accent);
}

.process-step,
.process-step-2 {
    display: flex;
    position: relative;
}

.process-step:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 48px;
    right: 100%;
    width: 100%;
    max-width: 300px;
    margin-right: 24px;
    height: 2px;
    background: var(--wp--preset--color--accent);
}

.process-step-2:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 48px;
    right: 100%;
    width: 100%;
    max-width: 200px;
    margin-right: 16px;
    height: 2px;
    background: var(--wp--preset--color--accent);
}

.hero-row {
    position: relative !important;
    overflow: visible !important;
}

.hero-decor {
    position: absolute !important;
    top: 0px !important;
    right: 160px !important;
    width: 400px !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.hero-decor2 {
    position: absolute !important;
    top: -40px !important;
    right: 160px !important;
    width: 600px !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.hero-text {
    position: relative !important;
    z-index: 2 !important;
}

.icon-text-row .wp-block-image img {
    display: block;
}

.photo-offset-right,
.photo-offset-left {
    position: relative;
    display: inline-block;
}

.photo-offset-right::before {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--accent);
    opacity: 0.75;
}

.photo-offset-left::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--accent);
    opacity: 0.75;
}

.photo-offset-right img,
.photo-offset-left img {
    position: relative;
    display: block;
}

/* Alap keret törlése minden FAQ elemről */
.wp-block-cb-faq .faq-content {
    border: none !important;
    margin-bottom: 0 !important;
    padding: 1rem !important;
}

/* Kérdés-sáv stílusa */
.wp-block-cb-faq .faq-label {
    background-color: var(--wp--preset--color--brand-primary) !important;
}

.wp-block-cb-faq .faq-label h3,
.wp-block-cb-faq .faq-label h4 {
    color: var(--wp--preset--color--text-inverted) !important;
    margin: 0 !important;
}

.wp-block-cb-faqs .faq-label img {
    max-width: 32px !important;
}

/* Vékony border csak a legutolsó elemen */
.wp-block-cb-faqs > .wp-block-cb-faq:last-child {
    border-bottom: 1px solid #CDD5C0 !important;
}

/* Toggle ikon: + zárva, − nyitva */
.wp-block-cb-faq .faq-label::after {
    content: "+" !important;
    color: var(--wp--preset--color--text-inverted) !important;
}

.wp-block-cb-faqs .faq-label.active::after {
    content: "−" !important;
    color: var(--wp--preset--color--accent) !important;
}

.wap-front .wbtn.wbtn-primary.wbtn-booking {
    font-family: var(--wp--preset--font-family--body) !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding: 1rem 1.25rem !important;
    border-radius: 0 !important;
    border: none !important;
}

.wap-front .wbtn.wbtn-primary.wbtn-booking:hover {
    opacity: 0.85 !important;
}

.outline-button .wap-front .wbtn.wbtn-primary.wbtn-booking {
    color: var(--wp--preset--color--brand-deep) !important;
    background-color: var(--wp--preset--color--text-inverted) !important;
    font-family: var(--wp--preset--font-family--body) !important;
    font-size: var(--wp--preset--font-size--medium) !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding: 1rem 1.25rem !important;
    border-radius: 0 !important;
    border: 2px solid var(--wp--preset--color--brand-deep) !important;
}

.outline-button .wap-front .wbtn.wbtn-primary.wbtn-booking:hover {
    opacity: 0.85 !important;
}

.wap-front .wbtn.wbtn-primary {
    box-shadow: none !important
}

.wap-bf.show {
    border-radius: none !important;
}


/* Alap betűméret reset a modal-on belül */
.wrap-calendar {
    font-size: 16px;
}

.wap-bf.show {
    border-radius: 0 !important;
}

.wap-front .p-2 {
    padding: 1em !important;
}

.wap-front .wap-head > div {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.wap-front .wap-head {
    height: auto !important;
}

/* Kártya-szerű elhatárolás + kattinthatóság jelzése */
.wap-front .wbtn.wbtn-cell.wbtn-secondary.wbtn-service {
    border: 2px solid var(--wp--preset--color--brand-primary) !important;
    border-radius: 0 !important;
    background-color: var(--wp--preset--color--text-inverted);
    transition: background-color 0.2s ease;
}

.wap-front .wbtn.wbtn-cell.wbtn-secondary.wbtn-service:hover {
    background-color: var(--wp--preset--color--bg-secondary);
}

/* Szövegméretek a kártyán belül */
.wap-front .wbtn-service .service-name {
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 500;
    color: var(--wp--preset--color--brand-deep);
    margin-bottom: 4px;
}

.wap-front .wbtn-service .description {
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--x-small);
    color: var(--wp--preset--color--text-secondary);
    line-height: 1.4;
}

/* pms regisztrációs és előfizetési form */
.pms-subscription-plan {
    padding: 16px !important;
    border: 2px solid var(--wp--preset--color--brand-primary) !important;
}

.pms-subscription-plan label,
.pms-subscription-plan-description {
    font-size: 18px !important;
}

.pms-subscription-plan-name {
    font-weight: 600 !important;
}

.pms-form input[type="text"],
.pms-form input[type="email"],
.pms-form input[type="password"] {
    padding: 12px 16px !important;
    border: 1px solid #CDD5C0 !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #1C1C1C !important;
    box-shadow: none !important;
}

.pms-form input[type="checkbox"] {
    border: 1px solid #CDD5C0 !important;
    border-radius: 0 !important;
    color: #1C1C1C !important;
    box-shadow: none !important;
}

.pms-form .pms-field.pms-gdpr-field > label {
    align-items: center;
}


.pms-form .pms-gdpr-field-text {
    font-family: 'Inter', sans-serif;
    color: #1C1C1C !important;
    padding-top: 0px;
    margin-bottom: 8px;
}

.pms-form input[type="submit"]:not(#pms-delete-account),
.pms-form input[type="submit"] {
    background: #003515 !important;
    color: #FFFFFF;
    padding: 16px 32px !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    height: auto;
    cursor: pointer;
}

.pms-form input[type="submit"]:not(#pms-delete-account):hover,
.pms-form input[type="submit"]:hover {
    opacity: 0.85 !important;
}

.pms-content-access-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    border: 2px solid var(--wp--preset--color--brand-primary) !important;
    padding: 24px;
    margin-bottom: 24px;
    max-width: 400px;
}

.pms-content-access-label {
    margin-bottom: 16px !important;
}

.pms-content-access-button {
    display: inline-block;
    background: #003515 !important;
    color: #FFFFFF !important;
    padding: 16px 32px !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 0 !important;
}

.pms-content-access-button:hover {
    opacity: 0.85 !important;
}

/* MailerLite form külső térközeinek nullázása */
.ml-embedded[data-form="SpSm0w"],
.ml-embedded[data-form="SpSm0w"] .ml-form-embedContainer,
.ml-embedded[data-form="SpSm0w"] .ml-form-embedWrapper,
.ml-embedded[data-form="SpSm0w"] .ml-form-embedBody,
.ml-embedded[data-form="SpSm0w"] .ml-form-successBody {
    margin: 0 !important;
    padding: 0 !important;
}

.ml-form-successContent {
    padding-top: 16px!important;
}

.ml-button-horizontal .primary {
    border:none!important;
}

.ml-button-horizontal .primary:hover {
   opacity: 0.85 !important;
}

/*WOOCOMERCE*/
/* WooCommerce kosarba gomb stílus igazítása a site gomb stilusához */
.woocommerce div.product .single_add_to_cart_button.button.alt { background-color: #003515!important; 
color: #ffffff!important; 
border-radius: 0!important; 
font-weight: 500!important; 
padding: 16px 20px!important; 
}

/* Termekleiras - kiemelo dobozok */
.woocommerce div.product .has-border-color.has-accent-border-color { border-width: 2px!important; 
border-radius: 4px!important; 
padding: 6px 12px!important; 
margin-right: 8px!important;
}

/* Termékleírás - keret duplikáció kinullázása */
.wp-block-woocommerce-product-details.is-style-minimal {
    border-width: 0!important;
}

/*Oldaltörések*/
@media (max-width: 1300px) {
    .hero-decor2 {
        top: 0px !important;
        width: 500px !important;
    }
}

@media (max-width: 600px) {

    .hero-decor,
    .hero-decor2 {
        display: none !important;
    }
}