/*!
Theme Name: Arabica Theme by Arabica
Author: James Walters
Description: Custom theme: Arabica Theme by Arabica, created by James Walters
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wbcptn_arabica
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

arabica theme by Webcapitan is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* ===== Newsletter Modal Styles ===== */


.form-container {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* Зменшуємо кількість колонок до 6 */
    gap: 16px;
    max-width: 100%;
    width: 100%;
}

/* Визначаємо розміри колонок */
.col-3 {
    grid-column: span 3;
}

.col-4 {
    grid-column: span 4;
}

.col-6 {
    grid-column: span 6;
}

.col-12 {
    grid-column: span 12;
}
.select {
    padding: 1.45rem 1rem !important;
    border: solid .1rem #000!important;
    color: #000!important;
    border-radius: 0;
    --ss-primary-color: black;

}


.input-holder.style-2 .select {
    padding: 1.15rem 1rem;
    border-radius: .5rem;
    border: solid .1rem #321f0f;
}
.ss-placeholder {
    color: #000!important;
}
.modal .modal-form .form-container .input-holder {
    margin-bottom: 0;
}
.modal .modal-form .form-container .birthday-holder .select {
    max-width: 100%;
    border-radius: 0;
}
.modal .modal-form .form-container .birthday-holder {
    margin-bottom: 0;
}
.modal .modal-form .form-container .radios-label {
    margin-bottom: 0;
}




.button-holder {
    display: flex;
    justify-content: center; /* За замовчуванням - по центру */
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

/* Розміри кнопки */
.btn-small {
    max-width: 25%; /* 1/4 */
}

.btn-medium {
    max-width: 50%; /* 1/2 */
}

.btn-large {
    max-width: 100%; /* full */
}

/* Вирівнювання */
.btn-left {
    justify-content: flex-start;
}

.btn-center {
    justify-content: center;
}

.btn-right {
    justify-content: flex-end;
}

/* Стилі самої кнопки */
.button-holder .btn-submit {
    width: 100%;
    display: block;
}


.page-landing .section-menus .pane-inner-holder {
    height: auto;
    overflow: auto;
}


html {
    scroll-behavior: smooth;
}

.site-header .main-nav .has-dropdown .link-with-picture {
    margin-bottom: 30px;
}

.style-1 .select {
    border-radius: 0;
}

p.no-label {
    margin-bottom: 35px;
}

.vimeo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.vimeo-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 122vw;
    height: 56.25vw; /* 16:9 пропорції */
    min-height: 100vh;
}
.vimeo-placeholder {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.8s ease-in-out;
}
@media (max-width: 1024px) { /* Планшети та смартфони */
    .vimeo-container iframe {
        width: 229.78vh; /* Пропорція 9:16 (перевернутий 16:9) */
        height: 100vh;
    }
    .page-about .intro-img .vimeo-container iframe {
        width: 100%; /* Пропорція 9:16 (перевернутий 16:9) */
        height: 100%;
    }
}
.section-intro .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 2; /* Щоб заголовок був над відео */
}
.section-intro {
    overflow: hidden;
}

.page-about .intro-img {
    position: relative;
    padding-bottom: 0;
}
.intro-img video {
    width: 100%;
}

.site-header .main-nav .has-dropdown .row-2 .link-with-picture span {
    text-transform: uppercase;
    width: 100%;
}


.page-locations {
    padding-bottom: 0rem;
}
@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
    .site-header .main-nav .has-dropdown .row-2 .link-with-picture span {
        text-transform: capitalize;
        width: 100%;
    }
}
.main-menu .active {
    color: #37a3b6;
}
.page-wholesale .swiper .swiper-slide .text-holder p {
    max-width: 30rem;
}

a.location-nav-item  {
    color: #000;
}

.page-about .section-1.pb-0, .page-about .section-5.pb-0 {
    padding-bottom: 0;
}

.section-shop .card-shop .card-price, .section-shop .card-shop .card-title {
    text-transform: uppercase;
}

.section-shop .btn-holder .btn.width-200 {
    max-width: 30rem;

}
.empty-blk {
    margin-top: 25px;
}
.page-about .intro-img {

    overflow: hidden;
}

.width-auto {
    max-width: none;
    padding-right: 40px;
    padding-left: 40px;
}



.swiper-parties .swiper-slide{
    width:auto;
    height:44rem
}
.page-landing .swiper-parties .img-holder{
    height:100%
}
@media (min-width:768px){
    .page-landing .swiper-parties .img-holder{
        width:63.6rem
    }
}
.page-landing .swiper-parties .img-holder img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.swiper-landing-gallery, .swiper-parties {
    padding-bottom: 10px!important;
}

.parties-title {
    padding-bottom: 4rem;
}
.parties-page .text-center-holder-2 .btns-holder .btn {
    max-width: none;
    color: #fff;
    background: #000;
    border-color: #000;
}

.parties-page .text-center-holder-2 .btns-holder .btn:hover {
    color: #000;
    background: #ffffff;
    border: solid .1rem #000;
}

.parties-page .btns-holder-parties  {
    padding-top: 1rem;
}
.parties-page .input-holder .input {

    width: 100%;
}

.parties-page p.no-label {
    margin-bottom: 30px;
}
.parties-page .form-holder .button-holder {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.parties-page .form-holder .input-label {
    text-align: left;
}

.parties-page {
    padding-bottom: 7rem;
}
.page-landing .card-location.card-big {
    overflow: hidden;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    display: flex
;
}
.page-landing .card-location.card-big .vimeo-container {
    text-align: center;
}
.vimeo-container img {
    width: auto;
    height: 100vh;
    min-width: 100vw;
    
}

.page-landing .text-center-holder-2 .booking-sections-btns .btn {
    margin-right: 2rem;
}

@media (max-width: 574px) {
    .page-landing .text-center-holder-2 .btns-holder .btn{
        margin-bottom: 2rem;
    }
}
@media (max-width: 767px) {
    .parties-page .form-holder .row [class^=col-] {
        width: 50%;
        margin-bottom: -1rem;
        padding-left: 5px;
        padding-right: 5px;
    }
    .parties-page .form-holder .row .col-12 {
        width: 100%;
    }
    .parties-page .form-holder .button-holder {
        margin-top: 4rem;
        margin-bottom: 2rem;
    }
    .parties-page .form-holder p.input-checkbox-text {
        text-align: left;
    }
}
.parties-page .form-holder .input-holder  {
    position: relative;
}
.parties-page .form-holder .input-holder .error-message {
    position: absolute;
    left: 10px;
    bottom: -20px;
}
/* Основний стиль псевдоплейсхолдера */
.parties-page .form-holder .input-holder .custom-placeholder {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font: 400 1.3rem / 1.33 Geist, serif;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}

/* Червона зірочка */
.parties-page .form-holder .input-holder .required-star {
    color: red;
    font-weight: bold;
}

/* Ховаємо псевдоплейсхолдер при фокусі */
.parties-page .form-holder .input-holder .hidden {
    opacity: 0;
    visibility: hidden;
}
.parties-page .form-holder  .textarea-field span.custom-placeholder {
    top: 20px;
}
/* Червона зірочка у Slim Select */
.parties-page .form-holder  .ss-placeholder .required-star {
    color: red;
    font-weight: bold;
    margin-left: 4px; /* Додаємо трохи простору перед `*` */
}


/* Кастомний плейсхолдер */
.custom-placeholder {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: inherit;
    font-family: inherit;
    color: black;
    pointer-events: none;
    transition: 0.2s ease-in-out;
}

/* Червона зірочка */
.custom-placeholder .required-star {
    color: red;
}

/* Ховаємо кастомний плейсхолдер при введенні дати */
.hidden {
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 767px) { 
    .site-header .main-nav .has-dropdown .dropdown .container {
        padding-top: 5px;
        padding-left: 7px;
    }
    .site-header .main-nav .has-dropdown .row-2 .link-with-picture {
        font-weight: 400;
    }
    .site-header .main-nav .has-dropdown .row-2  .active {
        font-weight: bold;
        color: #000;
    }
}


.section-menus  .tab-content .tab-pane .pane-inner-holder ul {
    margin-bottom: 25px;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }