/* === Source: 167-block-css-for-internal.php === */
/* Carousel Image Takes Full Width */
/* .single-listings .s-post-hdr img {
    width: 100% !important;
} */

.wave-item:hover span {
    color: #FFF !important;
}

.ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .media img.size-medium {
    object-fit: cover !important;
    width: 100% !important;
}

.single-listings .s-post-hdr.image-wrapper-set img {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 440px) {
    .single-listings .s-post-hdr.image-wrapper-set img {
        object-position: center bottom;
    }
}

.single-field-box:has(.param-seven):not(:has(#more-content)) .param-seven {
    margin-bottom: 10px !important;
}

/* .single-field-box .param-seven:not(#more-content .param-seven) {
  margin-bottom: 20px !Important
} */

/* .single-field-box:not(:has(.param-seven)) {
    padding-bottom: 45px;
} */

/* Footer Contact Center */
.sb-wd-wrp {
    display: flex;
}

.sb-wd-wrp #block-21 {
    margin: auto;
}

@media (max-width: 576px) {
    .sb-wd-wrp #block-21 {
        max-width: 300px !important;
    }
}

.contact-footer {
    background-color: var(--jkd-bg-col);
    padding: 20px;
    border: solid 1px var(--uv-col);
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.fcal_booking_form input {
    background: var(--jkd-bg-col-sec)
}

.ff-default .ff-el-form-control:focus {
    background-color: var(--jkd-bg-col) !important;
}

#ff_8_2_email {
    border: 1px solid var(--fluentform-border-color) !important;
}

#ff_8_2_email:focus {
    border-color: var(--fluentform-primary) !important;
}

.products.columns-4 .product {
    display: flex !important;
    flex-direction: column !important;
}

.products.columns-4 .product .product-info {
    margin-top: auto !important;
}

@media(min-width: 381px) and (max-width: 425px) {
    .products.columns-4 .product {
        max-width: 50% !important;
        min-width: 50% !important;
        width: 50% !important;
    }
}

@media(max-width: 380px) {
    .products.columns-4 .product {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100% !important;
    }
}

/* JKD Theme Core Plugin Update Delete */
@media only screen and (min-width: 768px) {

    body[data-color-scheme=dark] #ct-mgm,
    body[data-color-scheme=dark] #nav-srch {
        --jkd-bg-col-sec: #00000099 !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        /* Safari support */
        z-index: 9999;
        /* TransBlur Nav */
    }
}

/* Disable Searh Nav Scroll Bar */
#nav-srch .srch-in {
    overflow-y: hidden !important;
}

/* Disable Tab View On Single Product */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: none !important
}

/* Gap Between Concent box and label */
.woocommerce-terms-and-conditions-checkbox-text {
    margin-right: 5px;
}

/* .page-id-18918 textarea,
.page-id-12 textarea,
.page-id-14696 textarea,
.page-id-18725 textarea,
.page-id-18918 input,
.page-id-12 input,
.page-id-14696 input,
.page-id-18725 input {
    font-size: 16px;
} */

textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
.page-id-14696 input,
.page-id-12 input,
.page-id-18725 input {
    font-size: 16px !important;
}

/* Also target focused and active states */
textarea:focus,
input:focus,
textarea:active,
input:active {
    font-size: 16px !important;
}

.fade-img {
    opacity: 0;
    animation: fade 15s infinite;
}

.img1 {
    opacity: 1;
}

.img2 {
    animation-delay: 7.5s;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    45% {
        opacity: 1;
    }

    55% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.draft-notice {
    background: linear-gradient(to left, #ff5f6d, #ffb54f);
    border-radius: 12px;
    overflow: hidden;
    padding: 5px 0;
    margin-bottom: 20px;
    position: relative;
    color: #fff;
    box-shadow: inset 0 4px 12px rgba(0, 0, 0, .5);
    font-style: italic;
    margin: 15px 0;
}

.marqueed {
    display: inline-block;
    min-width: 100%;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    padding-left: 0;
    animation: marquee-rtl 12s linear infinite;
    padding-left: 100%;
    padding-right: 100%;
}

@keyframes marquee-rtl {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

.draft-notice:hover .marqueed {
    animation-play-state: paused;
}

/* Togge On Single to Admin and Editor */
.toggle-status-button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    width: 100%;
    margin-bottom: 7px;
    float: left;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.toggle-status-button:hover {
    background-color: #005177;
}

.toggle-status-button:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.6;
}

.toggle-status-error {
    color: #d63638;
    font-size: 13px;
    margin-top: 8px;
    padding: 8px 12px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    display: none;
}

.toggle-status-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.toggle-status-error {
    color: red;
    margin-top: 10px;
    display: none;
}

.article-club .in-wrp.b-r {
    border-radius: 25px;
}

.article-club-bottom .in-wrp.b-r {
    box-shadow: inset 8px 8px 24px rgba(0, 0, 0, 0.3);
}

.text-club {
    width: 60% !important;
    margin: auto;
}

.center-frame .elementor-widget-container {
    border: solid 1px !important;
    display: block;
    padding: 25px;
    border-radius: 20px;
    background: var(--uv-col);
    margin: 20px 0;
}

.join-club h1 {
    font-weight: 900 !important;
    letter-spacing: initial !important;
    font-style: italic;
    font-family: 'Open Sans', sans-serif !important;
}

.img-club .elementor-widget-container img {
    width: 100%;
}

.small-img-club {
    /* position: relative; */
    overflow: hidden;
}

@media (max-width: 767px) {
    .text-club {
        padding: 0 25px 25px 25px;
        margin-bottom: 35px;
        width: initial !important;
    }

    .center-frame .elementor-widget-container {
        margin: 0;
    }

    .page-id-19057 .gallery-item {
        padding: 4px;
    }

    .title-article-club {
        display: none;
    }

    .article-club {
        display: none;
    }

    .join-club h1 {
        font-size: 30px;
        line-height: 1.5 !important;
        text-align: center;
    }

    .join-club h3 {
        text-align: center;
    }

    .button-wrp {
        justify-content: flex-end !important;
    }

    .img-club .elementor-widget-container img {
        height: 60px;
        width: 100%;
        object-fit: cover;
    }

    .posts-grid-type-8 .bottom-side .button-wrp .btn {
        position: absolute;
        display: none;
    }

    .posts-grid-type-8 .bottom-side .meta-list {
        margin-bottom: -12px;
    }
}

.page-id-19057 .ti-arrow-up-right:before {
    content: "\ea24";
    display: inline-block;
    transform: rotate(225deg);
}

.contact-text p {
    font-size: 16px;
}

.license-class h4 {
    padding-top: 20px
}

.woocommerce-Tabs-panel {
    font-size: 16px;
}

.woocommerce-Tabs-panel h2 {
    display: none;
}

.woocommerce-Tabs-panel a {
    text-decoration: underline;
}

.product_meta .posted_in a {
    margin-right: 5px;
}

.goto-yamba h5 {
    color: #FFF
}

.montenegro {
    border: solid 2px;
    padding: 10px 35px 20px;
    border-radius: 20px;
    transform: scale(0.8);
}

.nickname-box {
    text-align: center;
    font-size: 16px !important;
    margin: 10px 0;
}

#floating-window-76 .floating-content {
    margin: 0 auto 10px
}

#floating-window-76 {
    margin-bottom: 30px
}

#ct-mgm .category {
    margin-top: 15px;
}

@media (max-width: 767px) {
    #ct-mgm .category {
        margin-top: 10px;
    }
}

.wishlist-wrp .entire-cont-wrp tbody .wishlist_item {
    justify-content: space-around;
    margin-top: 15px;
}

.page-id-9904 .wishlist-wrp .entire-cont-wrp tbody .wishlist_item {
    height: 90px;
}

.wishlist-wrp .entire-cont-wrp form {
    padding: 0 30px;
}

.fluentform .ff-btn.ff-working:after {
    background: #3498db !important;
}

.goto-ad-id {
    padding: 30px;
    border: solid 1px var(--jkd-b-col);
    border-radius: 20px;
    background: var(--jkd-bg-col-sec);
    margin-bottom: 20px
}

.goto-ad-id .text1414 {
    margin: 20px 0 0
}

.center-it {
    text-align: center
}

.fluentform .text-danger {
    text-align: right;
}

.ff-errors-in-stack .error-clear {
    margin: 0 0 0 5px !important;
    float: right;
}

.page-id-18969 .ff-el-form-control {
    background: none;
}

.page-id-17905 .blk-content,
.single-listings .blk-content {
    margin: 0 !important;
    padding: 0 !important;
}

.single-listings .blk-content img {
    height: auto !important;
    padding: 10px;
}

.page-id-17905 .favorites-list li:has(.blk-content) {
    padding: 0;
    border: none;
}

.single-listings .favorites-list li:has(.blk-content) {
    padding: 0;
    border: none;
    max-width: initial !important;
}

.page-id-17905 .favorites-list li img {
    object-fit: initial;
    padding: 10px;
}

.page-id-17905 .blk-content .block-button,
.single-listings .blk-content .block-button {
    display: block;
    margin-bottom: 120px;
    border-radius: 8px 8px 0 0
}

.page-id-17905 .blk-content .reg-button,
.single-listings .blk-content .reg-button {
    display: block;
    margin-bottom: -40px;
    background: #bebce3;
    color: #0056A6;
}

.page-id-17905 .reg-button:hover,
.single-listings .reg-button:hover {
    box-shadow: none;
}

.page-id-17905 .favorites-list li {
    flex: initial;
}

.main-learn {
    margin-bottom: 0 !important
}

.expandable {
    max-height: none !important;
}

.draft-cpt {
    font-size: 12px;
    font-weight: 400;
    font-style: oblique;
}

.page-id-9904 .posts-grid-wrp .posts-grid .grid-item .p-hdr img {
    /* width: auto; */
    height: 20vh !important;
    object-fit: cover;
    max-width: 100%;
    margin: auto
}

.post-ttl .belong-to-user {
    font-size: 14px;
    font-weight: 400;
    font-style: oblique;
    font-family: 'Open Sans', sans-serif !important;
}

.section-title-ad {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold !important;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    letter-spacing: 2px;
    font-style: oblique;
}

.admin-section {
    margin: 40px 10px;
}

.draft-section .section-title-ad {
    border-bottom-color: #f39c12;
}

.published-section .section-title-ad {
    border-bottom-color: #27ae60;
}

/* .cpt-id-no {
  display: flex;
  justify-content: space-between;
} */

.cpt-id-no span {
    font-weight: 400;
    letter-spacing: 1px !important;
    font-style: italic;
    font-family: 'Open Sans', sans-serif !important;
}

.cpt-id-no i {
    position: absolute;
    left: 10px;
    font-size: 20px;
}

.taxonomy-ad-form {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    z-index: 1;
    padding: 4px 15px 3px 20px;
    font-weight: 700;
    color: #FFF;
    background: #002cff;
    letter-spacing: 2px;
}

.view-ad-form {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    z-index: 1;
    padding: 3px 10px 3px 12px;
    font-weight: 400;
    border-radius: 8px 0 0 0;
    color: #FFF;
    background: #6882ff;
}

.date-ad-bm {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 12px;
    z-index: 1;
    padding: 3px 10px 3px 12px;
    font-weight: 400;
    color: #FFF;
    background: #909090;
}

.view-ad-bm {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    padding: 3px 10px 3px 12px;
    font-weight: 400;
    color: #FFF;
    background: #6b6b6b;
}

.date-ad-form {
    position: absolute;
    bottom: 35%;
    right: 0;
    font-size: 12px;
    padding: 0 3px;
    color: #FFF;
    background: #000000;
}

.days-ad-form {
    position: absolute;
    bottom: 20%;
    left: 0;
    font-size: 12px;
    padding: 0 3px;
    color: #FFF;
    background: #000000;
}

.page-id-19550 .sell-set-col {
    display: none;
}

.rent-set-col {
    background: #00a138 !important;
}

.cat-set-col {
    background: #ff5722 !important;
}

.admin-sections-wrapper {
    display: flex;
    gap: 20px;
}

@media (max-width: 800px) {
    .admin-sections-wrapper {
        flex-direction: column;
    }
}

.admin-section {
    flex: 1;
}

.section-title-ad {
    display: inline-block;
    margin-left: 10px;
}

.anchor-link {
    display: inline-block;
}

@media screen and (min-width: 801px) {
    .anchor-link {
        display: none !important;
    }
}

.admin-draft-list .grid-item,
.admin-published-list .grid-item {
    width: calc(100%/6) !important;
}

@media (max-width: 1400px) {

    .admin-draft-list .grid-item,
    .admin-published-list .grid-item {
        width: calc(100%/4) !important;
    }
}

@media (max-width: 1200px) {

    .admin-draft-list .grid-item,
    .admin-published-list .grid-item {
        width: calc(100%/3) !important;
    }
}

@media (max-width: 900px) {

    .admin-draft-list .grid-item,
    .admin-published-list .grid-item {
        width: calc(100%/2) !important;
    }
}

.admin-published-list.posts-grid-wrp .posts-grid .grid-item .p-hdr img,
.admin-draft-list.posts-grid-wrp .posts-grid .grid-item .p-hdr img {
    height: 12vh !important;
    object-fit: cover !important;
}

.admin-published-list.posts-grid-wrp .posts-grid .grid-item .p-30,
.admin-draft-list.posts-grid-wrp .posts-grid .grid-item .p-30 {
    padding: 10px !important
}

.container-ad-admin {
    padding: 20px;
}

.admin-published-list .grid-item,
.admin-draft-list .grid-item {
    padding: 5px;
}

.private-label.only-owner {
    top: 27px;
    background: #9c9c9cad;
    padding: 0 6px;
    font-style: oblique;
    border: solid 1px;
}

.image-inner-form {
    position: fixed;
    top: 100px;
    right: 100px;
    z-index: -1;
}

.page-id-19550 .ttl-link.multi-hvr:hover {
    color: var(--jkd-h-col) !important;
}

.page-id-9904 .emoji {
    position: absolute;
    left: 15px;
    animation: staggerUp 3.5s ease-in-out forwards infinite;
}

.field-label a {
    margin-right: 5px;
    border: solid 1px;
    font-size: 13px;
    border-radius: 50%;
    padding: 0px 3px 0;
}

figure .wait-visit {
    position: absolute;
    font-size: 16px;
    font-style: oblique;
    font-weight: 700;
    border-radius: 10px 0 0 0;
    bottom: 0;
    padding: 1px 5px 1px 7px;
    background: var(--jkd-bg-col);
}

.wait-on-map {
    position: absolute;
    font-size: 12px;
    color: var(--jkd-bg-col);
    top: 0;
    font-style: oblique;
    font-weight: 700;
    border-bottom: solid 1px;
    border-radius: 0 0 0 10px;
    padding: 3px 15px 2px 12px;
    background: var(--jkd-txt-col);
}

.berth-spot-boat label span:not(.required) {
    margin-right: 0 !important;
}

.berth-spot-boat {
    line-height: 0;
    padding-top: 20px;
    margin-right: 25%;
    text-align: right;
}

@media (max-width: 768px) {
    .berth-spot-boat {
        padding-top: 10px;
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .ff-t-container.dim-chars {
        display: flex;
        gap: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .ff_columns_total_6.three-mobile {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        column-gap: 10px;
        row-gap: 10px;
    }

    .ff_columns_total_6.three-mobile .ff-t-column-1,
    .ff_columns_total_6.three-mobile .ff-t-column-2,
    .ff_columns_total_6.three-mobile .ff-t-column-3 {
        flex-basis: calc(33.333% - 7px) !important;
    }

    .ff_columns_total_6.three-mobile .ff-t-column-4,
    .ff_columns_total_6.three-mobile .ff-t-column-5,
    .ff_columns_total_6.three-mobile .ff-t-column-6 {
        flex-basis: calc(33.333% - 7px) !important;
    }

    .ff_columns_total_5.forth-mobile {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        column-gap: 10px;
        row-gap: 10px;
    }

    .ff_columns_total_5.forth-mobile .ff-t-column-1 {
        flex-basis: 100% !important;
    }

    .ff_columns_total_5.forth-mobile .ff-t-column-2,
    .ff_columns_total_5.forth-mobile .ff-t-column-3,
    .ff_columns_total_5.forth-mobile .ff-t-column-4,
    .ff_columns_total_5.forth-mobile .ff-t-column-5 {
        flex-basis: calc(25% - 7.5px) !important;
    }
}

.frm-fluent-form .choices {
    margin-bottom: 0 !important;
}

.call-owner {
    margin-left: 20px;
    border: solid 1px #EEE;
    border-radius: 50%;
    padding: 5px 6px;
    line-height: 1;
    background: salmon;
    color: #FFF;
    font-weight: 600;
    font-style: italic;
    font-size: 11px;
    transition: transform 0.3s ease;
}

.call-owner:hover {
    transform: scale(1.5) rotate(8deg);
}

.call-owner:hover a:hover {
    transform: none;
}

.wa-now {
    position: absolute;
    left: 5%;
    bottom: 10%
}

.go-left {
    direction: ltr;
}

.s-post-hdr.owner-only:after {
    content: "לידיעתך, מודעה במצב פרטי מוצגת לך בלבד!";
    position: absolute;
    font-size: 15px;
    font-weight: 300;
    font-style: oblique;
    border-radius: 10px 0 10px 0;
    color: var(--jkd-bg-col);
    background: var(--jkd-txt-col);
    padding: 0px 8px;
    bottom: 60px;
    left: 20px;
}

.ai-link .jkd-button span {
    animation: staggerUp 1.4s ease-in-out forwards infinite;
    font-weight: 700;
    font-style: italic;
}

@media (min-width: 1199.98px) {
    .ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title {
        padding-left: 20px !important;
    }
}

@media (max-width: 440px) {
    .ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title {
        padding-left: 55px !important;
    }
}

.sms-now {
    position: absolute;
    right: 5%;
    bottom: 7%;
}

.page-id-17905 .popup-content img {
    object-fit: cover !important;
    width: 100%;
}

#nav-def .theme-logo,
#nav-def .theme-logo-dark {
    margin-left: 0px !important;
    margin-right: 50px;
}

@media only screen and (max-width: 1380px) {

    #nav-def .theme-logo,
    #nav-def .theme-logo-dark {
        margin-left: 0 !important;
        margin-right: 25px;
    }
}

@media (max-width: 1024px) {
    .footer .widgets-wrp .sb-wd-wrp {
        padding: 0 30px !important;
    }
}

.postid-19920 .jkd-c-thin {
    max-width: initial !important;
}

.postid-19920 .single-post-wrp .post-body {
    align-items: initial !important;
}

@media(max-width: 767px) {
    .wa-now {
        bottom: 0;
        top: 0;
    }

    .sms-now {
        bottom: 0;
        top: 0;
    }
}

.fcal_calendar_inner .fcal_side {
    min-width: 240px !important;
    width: 240px !important;
}

.page-id-17905 .page-header.image {
    padding: 40px 0 !important;
}

@media (max-width: 767px) {
    .page-id-17905 .page-header.image {
        padding: 30px 0 !important;
    }
}

@media (max-width: 576px) {
    .page-id-17905 .page-header.image {
        padding: 20px 0 !important;
    }
}

.permanent-link {
    letter-spacing: 1px;
    font-size: 14px;
    margin-top: 5px;
    line-height: 0.1;
    text-align: left;
    font-weight: 600;
    color: #ff9200;
    font-style: oblique;
    display: inline-block;
    width: 100%;
}

.permanent-link::after {
    content: "\f60c";
    font-family: 'tabler-icons';
    font-size: 20px;
    vertical-align: middle;
    margin-right: 3px;
}

.choose-additional span {
    padding: 7px 7px !important;
    border: 1px solid var(--uv-col) !important;
    border-radius: 4px !important;
    background: var(--jkd-col-sec) !important;
}

.choose-additional:hover span {
    background: #2d3bff52 !important;
}

.choose-additional.ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    background-color: #9ac7ff !important;
    border-color: none !important;
    color: #0020ff;
}

.only-year {
    margin-right: 5px;
    border: solid 1px;
    font-size: 13px;
    border-radius: 50%;
    padding: 0px 3px 0;
}

.vessel-dimensions.only-manu {
    text-transform: uppercase;
    border: solid 2px var(--jkd-txt-col);
    padding: 1px 4px 0;
}

.new-ad {
    float: right;
}

.frm-fluent-form .choices__list--dropdown .choices__list {
    max-height: 330px !important;
}

.frm-fluent-form .choices__inner {
    height: initial !important;
}

/* === Source: 178-front-additional-css.php === */
.woocommerce .woocommerce-price-suffix {
    font-size: 10px !important;
    white-space: nowrap;
    margin-top: 1px
}

/* maam */
.product-wrp .summary .price .amount {
    margin-top: -4px
}

/* maam */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
    color: inherit
}

.product-wrp .summary .cart {
    border: 1px solid var(--jkd-b-col);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    align-items: center;
}

.product-wrp .summary .woocommerce-accordions .accordions .accordion-item {
    border: 1px solid var(--jkd-b-col);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.product-wrp .summary .cart .quantity input {
    text-align: center;
}

.single_add_to_cart_button.jkd-button.size-default {
    padding: 5px 50px !important;
}

.fcal_slot_picker .fcal_slot_picker_header .fcal_back .fcal_svg {
    transform: scaleX(-1) !important;
}

.fcal_calendar_inner .fcal_date_wrapper .fcal_date_event_details .fcal_date_event_details_header .fcal_back button.fcal_svg {
    transform: scaleX(-1) !important;
}

.fcal_error_text button svg.fcal_prev_month,
.fcal_no_availability button svg.fcal_prev_month {
    transform: rotate(0deg) !important;
}

.fcal_error_text button svg,
.fcal_no_availability button svg {
    transform: rotate(180deg) !important;
}

button.single_add_to_cart_button.jkd-button.size-default.default-border-style.animation-fill {
    margin-left: 5px;
    margin-bottom: 5px;
}

.fcal_timezone_select,
.slot_time_range.slot_timezone.fcal_icon_item {
    display: none;
}

.cat-lb.cat-lb-default {
    font-weight: 600;
    /* Label Text above articles */
}

.myform-rtl {
    direction: rtl;
    text-align: right;
}

.myform-ltr {
    direction: ltr;
    text-align: left;
}

.elementor-widget-text-editor p {
    line-height: 1.7;
    /* Text on articles line height */
}

.jkd-accordion .accordion-content {
    font-size: inherit;
    /* Accordion on FAQ too small */
}

.jkd-accordion .accordion-title {
    font-size: calc(18px * var(--jkd-h-multi) / 100);
    font-weight: bold;
    line-height: 1.2;
    margin: 0;
}

.jkd-accordion .accordion-item.open .accordion-title {
    color: inherit !important;
    /* FAQ item color */
}

.menu-sitemap-menu-container {
    line-height: 3.6;
    /* Footer menu line gap */
    text-align: center;
    /* Center the text inside */
    /* margin-top: 25px; */
}

.exc-wrp {
    display: none;
    /* Post starter text on Homepage */
}

.category-list.category-list-default .ti-arrow-right::before,
.category-list.reset-list .ti-arrow-right::before {
    content: "\ea19" !important;
    /* Force left arrow in top and footer category pic menu */
}

.auth-wrp>*:not(.btn-bk) {
    display: none;
    /* Show only Bookmark button without article publisher */
}

.auth-wrp .btn-bk {
    margin-right: 0 !important;
    /* Bookmark button on post disble gap */
}

.fcal_input,
.basic-tel-input {
    height: 50px !important;
    /* while tel input is part of twilio plugin needs to redesign */
}

.svelte-select-list {
    display: none !important;
    /* Hide the flag dropdown on fluentBooking cal */
}

.elementor-element-e6327c3 .elementor-widget-container p b i {
    color: #ffffff !important;
    /* Text on contact page black on background image */
}

.account-wrp.log-in form .form-row span {
    display: inline;
    /* On my-account login form - makes red star and label on same line */
}

#m-wrp abbr,
.is-root-container abbr {
    text-decoration: none !important;
    /* red required got an underline somehow */
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
    margin: 10px;
    /* Button on /my-account too close to text box */
}

body.woocommerce-account .in-wrp.jkd-c {
    display: inherit;
    /* Center /my-account elements */
}

input#rememberme.woocommerce-form__input-checkbox {
    margin: 8px !important;
    /* Checkbox too close to text on /my-account */
}

.account-wrp .woocommerce-input-wrapper input {
    width: 330px !important;
}

.woocommerce-form-row--wide {
    width: 330px !important;
}

.elementor-widget-container form {
    display: block;
    /* Keep using flex if needed for other layout reasons */
    flex-direction: column;
    /* Ensures children stack vertically */
}

ul.sc-list.r-list.d-f.ai-c.f-wrp.st-1 {
    display: none;
    /*Hide footer author links */
}

/* .footer .widgets-wrp .in-wrp #ff_8_2_email {
    border: 1px solid #dadbdd !important; /* Ensure the border color is applied */
}

*/ .post-style-1 .single-p-hdr:after {
    background-color: rgba(0, 0, 0, 0.25) !important;
    /* Post header image light */
}

.posts-packery-type-4 .img-ovrl-main:after {
    background-color: rgba(0, 0, 0, 0.30) !important;
    /* 20% black on homepage carousel */
}

.posts-packery-type-3 .left-side .img-ovrl:after {
    background-color: rgba(0, 0, 0, 0.25) !important;
    -webkit-box-shadow: none !important;
    /* 25% black on homepage article */
}

.posts-slider-type-7 .img-wrp:after {
    background-color: rgba(0, 0, 0, 0.25) !important;
    /* 20% black on homepage carousel */
}

.posts-packery-type-2 .img-ovrl:after {
    background-color: rgba(0, 0, 0, 0.25) !important;
    /* 20% black on homepage main images */
}

.archive-wrp .posts-grid-wrp.sidebar-on .posts-grid {
    width: 100% !important;
    /* Adjust content width when sidebar is hidden */
}

.footer .copyright-wrp .copyright {
    margin-bottom: 35px !important;
}

.grecaptcha-badge {
    z-index: 99999;
    /* Bring to front */
    display: none !important;
    /* Force display */
}

.woocommerce-privacy-policy-text {
    font-size: 12px !important;
    /* Text small on Checkout */
}

.woocommerce form .form-row label {
    line-height: 2.5 !important;
    /* Text height in respect to squere */
}

.text1212 {
    font-size: 12px !important;
    /* Text small below Login */
}

.text1414 {
    font-size: 14px !important;
    /* Text small below Login */
}

.text1616 {
    font-size: 16px !important;
    /* Text small below Login */
}

.widget_jkd_recent_posts .blog-card:not(:last-child) {
    margin-bottom: 25px !important;
    /* Footer recent posts gap */
}

.terms_sub_home .ff-el-form-check {
    display: flex;
    justify-content: center;
    /* Center Terms under ubscription form */
}

.fluentform_wrapper_4.ffs_custom_wrap .ff-el-input--content .error {
    text-align: center !important;
    /* Center the error text */
}

.lwp_login_overlay {
    display: none !important;
    /* Hides the Phone overlay and overrides any other display rules */
}

/* Set name regForm in one line */
.fluentform .ff-el-form-check-label,
.fluentform .ff-el-form-check-input {
    display: inline-block !important;
}

/* Track Order button */
.woocommerce-form-track-order .form-row button {
    width: 94% !important;
}

.woocommerce-input-wrapper input[type="tel"] {
    text-align: right;
    /* Phone Right on Checkout */
}

.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title {
    display: none;
    /* Hide message No items currently on cart */
}

.r-sd .a-list .a-itm {
    margin-right: 15px;
    /* Items on header gap */
}

@media (max-width: 768px) {
    .r-sd .a-itm {
        margin: 0 7px;
        /* Items on Mobile Header gap */
    }
}

.nav-ovrl .sc-list li:not(:last-child) {
    margin-left: 25px !important;
    /* Social Mobile gap */
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.schm-swtch-smp input:checked:before {
    content: "\f236" !important;
    /* Sun icon */
    animation: rotate 18s linear infinite;
    transform-origin: center center;
}

/* Darkmode Left */
.cs-swtch {
    left: -35px !important;
    right: unset !important;
    transform: rotate(270deg) !important;
}

.elementor-7315 .elementor-element.elementor-element-ceea278 {
    margin-bottom: 30px;
    /* contact-us noFooter */
}

.nav .cat-link {
    height: 22px !important;
    /* nav cat button */
}

.nav .menu-item a:not(.ttl-link):not(.img-wrp) {
    font-size: 12px !important;
    /* nav cat text */
}

#ct-mgm .btn--off.d-f-md {
    display: flex !important;
    /* Ensures close icon mgmn on desktop */
}

.info-item-dash {
    flex: 0 0 33%;
}

.op-sm {
    float: left;
    /* mgmn close msg */
}

#ct-mgm .meg-in {
    min-height: auto !important;
    /* Disable mgmn min */
}

.nav:not(#nav-mob) .bk-sub .sub-in {
    background-color: #fff;
    /* Saved Posts Floating BG */
}


.fluentform .ff-el-form-control {
    display: inline !important;
    /* Floating Login TextBox */
}

.ff-el-input--content select {
    -webkit-appearance: none;
    /* Hide Arrow on Contant-Us Dropdown */
}

.ff-el-input--content input[type=radio]:after,
.ff-el-input--content input[type=radio]:before {
    background-color: initial !important;
    border: none !important;
    content: none !important;
    height: auto !important;
    width: auto !important;
    display: none !important;
    /* Radio button on FForms */
}

.hide_checkbox input[type="checkbox"]:not(.switch) {
    display: none !important;
    /* Hide Radio button while button FForms */
}

.fluentform .hide_checkbox.ff-el-group.ff_list_buttons .ff-el-form-check:last-child label>span {
    border-radius: 12px 12px 12px 12px !important;
}

.ffs_custom_wrap .ff-el-input--content .error {
    text-align: right !important;
    /* error msg to right */
}

body.postid-61 .single-post-wrp .single-p-hdr {
    background-position: top;
    /* Dogs Partner post Image */
}

/* @media (min-width: 768px) {
    #nav-srch .btn--off {
        top: 80px !important;
    }
} */

@media only screen and (max-width:767px) {
    #ct-mgm .meg-sl-wrp {
        min-height: auto !important;
    }
}

@media(max-width:576px) {
    #ct-mgm .meg-sl-wrp {
        min-height: auto !important;
    }
}

@media only screen and (max-width:425px) {
    #ct-mgm .meg-sl-wrp {
        min-height: auto !important;
    }
}

.entry-content input,
.entry-content select {
    border: 1px solid #dadbdd !important;
    /* FF New Textarea Outline */
}

@media (max-width: 767px) {
    .elementor-15024 .elementor-element.elementor-element-90511f2 .elementor-heading-title {
        margin: 0;
    }
}

.shop-wrp .entire-cont-wrp .shop-header {
    display: none;
    /* 	Disable Shop Header Order */
}

/* Spoiler */
.alert-su {
    margin: auto;
    max-width: 320px !important;
}

.cont-cal {
    margin: 20px 0 !important;
}

.alert-post {
    font-size: 14px;
    color: var(--jkd-h-col) !important;
}

.su-spoiler-style-fancy {
    background: var(--jkd-bg-col-sec) !important;
}

.su-spoiler-style-fancy>.su-spoiler-title {
    background: none !important;
}

.ti.ti-arrow-up.plus-icon::before {
    content: "\ea19" !important;
}

/* Default state (pointing left) */
.product-wrp .summary .woocommerce-accordions .accordions .accordion-item .accordion-header-item span {
    -webkit-transform: rotate(0deg) !important;
    /* Start position, pointing left */
    transform: rotate(0deg) !important;
}

/* Active state (rotated counterclockwise to point right) */
.product-wrp .summary .woocommerce-accordions .accordions .accordion-item .accordion-header-item.active span {
    -webkit-transform: rotate(-90deg) !important;
    /* Rotate counterclockwise to point right */
    transform: rotate(-90deg) !important;
}

.su-members {
    visibility: hidden;
    display: none;
}

.meta-list .list-item .btn-bk {
    margin-top: 0 !important;
}

.post-inner .cont-wrp .post-ttl {
    font-size: initial;
}

.btn--action.st-2 {
    border: 1px solid #d3d3d3;
}

@media(max-width:576px) {
    .posts-grid-type-4 .p-hdr {
        max-width: 130px;
        min-width: 130px;
        height: 90px;
        width: 130px
            /* Fat Post Img */
    }
}

@media(max-width:576px) {
    .posts-packery-type-3 .right-side .img-ovrl {
        margin-left: 15px;
        max-width: 130px;
        min-width: 130px;
        height: 90px;
        width: 130px;
        /* Fat Post Img */
    }
}

@media (max-width: 767px) {
    .elementor .elementor-hidden-mobile {
        display: unset;
        /* Show Mobile Slider */
    }
}

@media(max-width:768px) {
    .posts-slider-type-3 .swiper-slide .card-wrp .cont-wrp .post-ttl {
        font-size: 14px;
        /*	Top Slider */
    }

    .posts-slider-type-3 .nav-wrp {
        display: none
    }

    .posts-slider-type-3 .card-wrp .img-wrp.square {
        height: 150px !important;
    }

    .posts-slider-type-3 .card-wrp .cont-wrp {
        padding: 15px
    }
}

.posts-packery-type-3 .right-side .list-wrp {
    margin: 0 !important;
}

@media(max-width:576px) {
    .posts-packery-type-3 .right-side .post-article {
        padding: 7px 0px !important;
    }
}

.podcast-sl {
    padding: 20px;
    font-size: 14px;
    margin: 10px 0px 10px 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
    background-color: #ccd0ff69;
    display: flex;
    align-items: center;
}

.audio-player {
    padding: 10px;
}

@media (max-width: 768px) {
    .podcast-sl {
        flex-direction: column;
    }
}

.color-style,
.post-password-form input[type=submit],
.tinv-wishlist .button,
.woocommerce .alt:not(.review),
.wp-element-button,
input#submit:not(#commentform input#submit) {
    background-color: #3a96f3 !important;
}

#m-wrp iframe,
.is-root-container iframe {
    height: 60vh;
}

.change-user-email {
    background-color: var(--jkd-bg-col-sec);
    padding: 20px;
    border: solid 1px var(--jkd-b-col);
    border-radius: 10px;
    width: 80%;
    margin: auto;
    max-width: 400px
}

@media (max-width: 576px) {
    .change-user-email {
        width: 100% !important;
    }
}

/* About-us Author image in green comment */
.elementor-widget-image {
    margin-left: 10px;
    margin-top: 10px;
}

.elementor-7093 .elementor-element.elementor-element-9225ae3 {
    display: none;
    /* SL Icon on About */
}



.nav-ovrl .menu-item:not(:last-child) {
    margin-bottom: 20px !important;
    /* Menu links on Mobile gap */
}

@media only screen and (max-width: 576px) {
    #m-wrp .mt-10-sm {
        margin-bottom: 25px !important;
        /* Credit on Mobile Menu */
    }
}

.nav-ovrl.pos-fix.w-100.h-100.z-modal.bg-col-dark.jc-c.d-f.trns.d-n.d-f-md.active .menu-item a:not(.ttl-link):not(.img-wrp) {
    font-size: inherit !important;
    justify-content: center;
    /* Menu links on Mobile */
}

/* Mobile Menu Image */
.m-wrp {
    flex-direction: column;
    gap: 10px;
}

.menu-image-wrapper {
    display: flex;
    justify-content: center;
}

:root {
    --jkd-pr-col: #357aff !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
    margin: auto !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center
}

.products .product .product-info {
    display: block !important;
}

/* Price Symbol */
.products .product .product-info .price-wrp .price-inner .woocommerce-Price-currencySymbol {
    display: none;
    /* Hide the original currency symbol */
}

.products .product .product-info .price-wrp .price-inner .woocommerce-Price-amount::after {
    content: "₪";
    /* Replace with your currency symbol */
    margin-right: 2px;
}

.price-wrp .woocommerce-Price-currencySymbol,
.summary .price .woocommerce-Price-currencySymbol {
    display: none;
    /* Hide the original symbol */
}

.price-wrp .woocommerce-Price-amount::after,
.summary .price .woocommerce-Price-amount::after {
    content: "₪";
    /* Replace with your desired currency symbol */
    margin-right: 2px;
}

.button:not(.alt).animation-fill:active,
.button:not(.alt).animation-fill:hover,
.default-border-style.animation-fill:active,
.default-border-style.animation-fill:hover {
    background-color: #1e73be !important;
}

.products .product .product-info .price-wrp .price-message {
    display: none !important
}

.products .product .product-info .price-wrp {
    justify-content: center;
}

/* Hover on Add to Cart */
.button:not(.alt).animation-fill:active,
.button:not(.alt).animation-fill:hover,
.default-border-style.animation-fill:active,
.default-border-style.animation-fill:hover {
    color: #FFF !important;
}

.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-4-columns .wc-block-grid__product {
    max-width: 100% !important;
}

.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button {
    /*     margin-bottom: 15px; */
    margin-top: 0 !important;
    justify-content: center !important;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
    max-width: 300px;
}

.wp-block-button .wp-block-button__link {
    background-color: #0073e6;
}

.wp-block-button .wp-block-button__link:hover {
    background-color: #005bb5;
}

/* Cart mobile nav position */
@media (max-width: 767px) {
    .a-itm.cart-item {
        position: absolute;
        left: 57%;
    }
}

.woocommerce-Price-currencySymbol {
    display: none;
}

.woocommerce-Price-amount::after {
    content: '₪';
    margin: 4px;
}

.last-seen-posts {
    max-width: 100%;
    margin-left: auto;
    display: block;
    overflow: hidden;
    position: relative;
}

.single-line-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-left: 20px;
    display: inline-block;
}

/* Footer cat posts num */
.widget_jkd_categories .category-list .category .right-side .category-count {
    visibility: hidden;
    /* Hide the number */
}

.widget_jkd_categories .category-list .category:hover .right-side .category-count {
    color: transparent;
}

.widget_jkd_categories .category-list .category:hover .right-side .category-count::after {
    color: var(--jkd-wh-col);
    visibility: visible;
    font-size: 12px;
}

input[type="checkbox"].lwp_check_box.required:after {
    transform: translate(1px, 1px) !important;
}

@media (max-width: 768px) {
    body.floating-window-active .cs-swtch {
        display: block;
        top: 40% !important;
        /* Show switch on mobile Login */
    }
}

#fluentform_61 .ff-el-group.ff-text-left.ff_submit_btn_wrapper {
    display: none
}

.fluentform.ff-default.fluentform_wrapper_56.ffs_custom_wrap {
    width: 80%;
    max-width: 300px;
    margin: auto;
    /* While Tab Click */
}

.su-divider::after {
    content: "";
    display: block;
    clear: both;
}

.su-divider a {
    float: left
}

.elementor-8794 .elementor-element.elementor-element-de79c44 .grid-item {
    padding: 9px !important;
}

/* About Block */
.elementor-7093 .elementor-element.elementor-element-f1bfdbd:not(.elementor-motion-effects-element-type-background),
.elementor-7093 .elementor-element.elementor-element-f1bfdbd>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #071e43 !important;
}

/* Home Sub Error */
.ff-el-group.terms_sub_home.ff-el-input--content.ff-el-is-error .error.text-danger {
    display: none !important;
}

/* Home Article */
.posts-packery-type-3 .left-side .img-ovrl:after {
    background-color: rgba(0, 0, 0, .1) !important;
}

/* === Source: 174-new-css-for-d790d799d79ed795d7aa.php === */
/* Phone Auth Form Styles - Floating Card Design */
#phone-auth-app {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.auth-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.2);
    padding: 40px 32px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    position: relative;
    overflow: hidden;
}

.auth-card:hover {
    /* transform: translateY(-8px); */
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* Card flip animation */
.auth-card.flipped {
    transform: rotateY(180deg) translateY(-8px);
}

.card-face {
    backface-visibility: hidden;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Typography */
.auth-card h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.auth-card label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 8px;
    display: block;
}

/* Input styling */
.phone-input-group {
    position: relative;
    margin-bottom: 24px;
}

.phone-prefix {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #667eea;
    z-index: 2;
}

.auth-input {
    width: 100%;
    padding: 16px 60px 16px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    font-size: 22px !important;
    text-align: center;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.auth-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
    /* transform: translateY(-2px); */
}

.auth-input::placeholder {
    color: #a0aec0;
    font-size: 22px !important;
}

/* Button styling */
.auth-button {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    margin-top: 8px;
}

.auth-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.auth-button:hover::before {
    left: 100%;
}

.auth-button:hover {
    transform: translateY(-0.5px);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.auth-button:active {
    transform: translateY(0);
}

.auth-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Verification section */
#verify-section {
    animation: slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Code input special styling */
#verification-code {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 8px;
    font-family: 'Courier New', monospace;
}

/* Success state */
.auth-card.success {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1), rgba(56, 178, 172, 0.1));
    border: 2px solid #48bb78;
}

.auth-card.success::before {
    background: linear-gradient(90deg, #48bb78, #38b2ac);
}

/* Loading state */
.loading {
    position: relative;
}

.loading::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #e2e8f0;
    border-top: 2px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.single-listings .su-expand .loading::after {
    right: 40px;
    top: 50px;
}

.cpt-fav .loading::after {
    right: 37px;
    top: 11px;
    width: 12px;
    height: 12px;
}

@keyframes spin {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

/* reCAPTCHA container */
#recaptcha-container {
    margin-top: 16px;
    text-align: center;
}

/* Consent checkbox styling */
.consent-group {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    gap: 8px;
}

#terms-consent {
    width: 20px;
    height: 20px;
    border: 2px solid #e2e8f0;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

#terms-consent:checked {
    background: linear-gradient(135deg, #667eea, #764ba2);
    border-color: #667eea;
}

.consent-group label {
    font-size: 14px;
    font-weight: 500;
    color: #4a5568;
    cursor: pointer;
}

.consent-group label a {
    color: #667eea;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.consent-group label a:hover,
.consent-group label a:focus {
    color: #764ba2;
}

.delivery-preference-group {
    margin: 20px 0;
    padding: 16px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.preference-title {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
}

.preference-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.preference-option {
    position: relative;
}

.preference-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}

.preference-option label {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.preference-option input[type="radio"]:checked+label {
    background: rgba(59, 130, 246, 0.15);
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);
}

.preference-option label:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
}

.option-icon {
    font-size: 20px;
    margin-left: 12px;
    flex-shrink: 0;
}

.option-text {
    font-weight: 600;
    color: white;
    margin-left: 8px;
    flex-shrink: 0;
}

.option-subtitle {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-right: auto;
}

.delivery-info {
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.3);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}

.delivery-info .delivery-method {
    font-weight: 600;
    color: #3b82f6;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    #phone-auth-app {
        width: 350px;
    }

    .auth-card {
        padding: 32px 24px;
    }

    .auth-card h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .auth-input {
        padding: 14px 50px 14px 14px;
    }

    .phone-prefix {
        right: 14px;
    }

    .consent-group {
        margin-bottom: 16px;
    }

    #terms-consent {
        width: 18px;
        height: 18px;
    }

    .consent-group label {
        font-size: 13px;
    }

    .preference-option label {
        padding: 10px 12px;
    }

    .option-icon {
        font-size: 18px;
        margin-left: 8px;
    }

    .option-subtitle {
        font-size: 11px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .auth-card {
        background: rgba(45, 55, 72, 0.95);
        color: #f7fafc;
    }

    .auth-card label {
        color: #e2e8f0;
    }

    .auth-input {
        background: rgba(74, 85, 104, 0.8);
        border-color: #4a5568;
        color: #f7fafc;
    }

    .auth-input::placeholder {
        color: #718096;
    }

    .auth-input:focus {
        border-color: #667eea;
        box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2);
    }

    .consent-group label {
        color: #e2e8f0;
    }

    #terms-consent {
        border-color: #4a5568;
    }

    #terms-consent:checked {
        border-color: #667eea;
    }

    .consent-group label a {
        color: #a0aec0;
    }

    .consent-group label a:hover,
    .consent-group label a:focus {
        color: #d6bcfa;
    }
}

/* === Source: 212-css-tiles-for-inner.php === */
.link-tiles-container {
    min-height: 100vh;
    padding: 60px 20px;
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
    position: relative;
    overflow: hidden;
}

.link-tiles-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

.tiles-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.tiles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    padding: 0;
}

.tile-link {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tile-link:hover {
    /* transform: translateY(-8px); */
}

.tile {
    background: rgb(255 255 255 / 20%);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 32px 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1),
        0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}

.tile::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s;
}

.tile-link:hover .tile::before {
    left: 100%;
}

.tile-link:hover .tile {
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15),
        0 5px 15px rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
}

.tile-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 20px;
    color: #667eea;
    transition: all 0.3s ease;
}

.tile-link:hover .tile-icon {
    color: #098ab8;
    transform: scale(1.1) rotate(5deg);
}

.tile-icon svg {
    width: 100%;
    height: 100%;
}

.tile-title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 8px 0;
    opacity: 0.7;
    transition: color 0.3s ease;
}

.tile-link:hover .tile-title {
    color: #1a202c;
}

.tile-description {
    font-size: 14px;
    color: #718096;
    margin: 0;
    line-height: 1.5;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

.tile-link:hover .tile-description {
    opacity: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .link-tiles-container {
        padding: 40px 16px;
    }

    .tiles-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }

    .tile {
        padding: 24px 20px;
        border-radius: 16px;
        min-height: 180px;
    }

    .tile-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 16px;
    }

    .tile-title {
        font-size: 16px;
    }

    .tile-description {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .tiles-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .tile {
        padding: 20px 16px;
        min-height: 160px;
    }

    .link-tiles-container {
        padding: 30px 12px;
    }
}

/* Animation for tiles on load */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tile {
    animation: fadeInUp 0.6s ease forwards;
}

.tile-link:nth-child(1) .tile {
    animation-delay: 0.1s;
}

.tile-link:nth-child(2) .tile {
    animation-delay: 0.2s;
}

.tile-link:nth-child(3) .tile {
    animation-delay: 0.3s;
}

.tile-link:nth-child(4) .tile {
    animation-delay: 0.4s;
}

.tile-link:nth-child(5) .tile {
    animation-delay: 0.5s;
}

.tile-link:nth-child(6) .tile {
    animation-delay: 0.6s;
}

.tile-link:nth-child(7) .tile {
    animation-delay: 0.7s;
}

.tile-link:nth-child(8) .tile {
    animation-delay: 0.8s;
}

/* Focus states for accessibility */
.tile-link:focus {
    outline: none;
}

.tile-link:focus .tile {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

body.page-id-19897 textarea:focus,
body.page-id-19897 input:focus,
body.page-id-19897 textarea:active,
body.page-id-19897 input:active {
    font-size: 16px !important;
}

.page-id-19897 #userNumber,
.page-id-19897 #adNumber {
    width: 75px !important;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    border: solid 1px var(--jkd-b-col-sec);
    border-radius: 4px;
    box-sizing: border-box;
    outline: none;
    transition: none;
    background: var(--jkd-bg-col);
    color: var(--jkd-h-col);
    -moz-appearance: textfield;
    /* Firefox: remove spinner */
}

.page-id-19897 #adNumber {
    width: 90px !important;
}

.page-id-19897 #userNumber:focus,
.page-id-19897 #adNumber:focus {
    border: 1px solid #007bff;
    box-shadow: none;
    width: 100px;
    padding: 5px;
}

.page-id-19897 #userNumber::-webkit-inner-spin-button,
.page-id-19897 #userNumber::-webkit-outer-spin-button,
.page-id-19897 #adNumber::-webkit-inner-spin-button,
.page-id-19897 #adNumber::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.page-id-19897 .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.page-id-19897 input::placeholder {
    transition: all 0.3s ease;
}

.page-id-19897 input:focus::placeholder {
    opacity: 0;
}

#tileForm .tile-icon svg,
#adTileForm .tile-icon svg {
    transition: all 0.3s ease;
}

#tileForm .tile-icon:hover svg,
#adTileForm .tile-icon:hover svg {
    color: #098ab8;
    transform: scale(1.1) rotate(5deg);
}

#tileForm .tile::before,
#adTileForm .tile::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transition: left 0.6s;
    z-index: 1;
}

#tileForm .tile:hover::before,
#adTileForm .tile:hover::before {
    left: 100%;
}

/* === Source: 164-phone-css-on-d790d799d79ed795d7aa.php === */
/* Phone Auth Form Styles - Floating Card Design */
.lt1 {
    font-size: 27px;
    text-align: center;
    margin-bottom: 25px;
    font-style: italic;
}

.page-id-17134 {
    background: url('https://media.sealevel.co.il/2023/06/13123238/yacht057-e1727021007178-1.jpg') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
}

#phone-auth-app {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.auth-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.2);
    padding: 40px 32px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    position: relative;
    overflow: hidden;
}

.auth-card:hover {
    /* transform: translateY(-8px); */
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(255, 255, 255, 0.3);
}

/* Card flip animation */
.auth-card.flipped {
    transform: rotateY(180deg) translateY(-8px);
}

.card-face {
    backface-visibility: hidden;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.card-back {
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Typography */
.auth-card h2 {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
    background: linear-gradient(135deg, #667eea, #764ba2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.auth-card label {
    font-size: 14px;
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 8px;
    display: block;
}

/* Input styling */
.phone-input-group {
    position: relative;
    margin-bottom: 24px;
}

.phone-prefix {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    color: #667eea;
    z-index: 2;
}

.auth-input {
    width: 100%;
    padding: 16px 60px 16px 16px;
    border: 2px solid #e2e8f0;
    border-radius: 16px;
    font-size: 22px !important;
    text-align: center;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
}

.auth-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
    /* transform: translateY(-2px); */
}

.auth-input::placeholder {
    color: #a0aec0;
    font-size: 22px !important;
}

/* Button styling */
.auth-button {
    width: 100%;
    padding: 16px;
    border: none;
    border-radius: 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    margin-top: 8px;
}

.auth-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.auth-button:hover::before {
    left: 100%;
}

.auth-button:hover {
    transform: translateY(-0.5px);
    box-shadow: 0 10px 25px rgba(102, 126, 234, 0.3);
}

.auth-button:active {
    transform: translateY(0);
}

.auth-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Verification section */
#verify-section {
    animation: slideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Code input special styling */
#verification-code {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 8px;
    font-family: 'Courier New', monospace;
}

/* Success state */
.auth-card.success {
    background: linear-gradient(135deg, rgba(72, 187, 120, 0.1), rgba(56, 178, 172, 0.1));
    border: 2px solid #48bb78;
}

.auth-card.success::before {
    background: linear-gradient(90deg, #48bb78, #38b2ac);
}

/* Loading state */
.loading {
    position: relative;
}

.loading::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #e2e8f0;
    border-top: 2px solid #667eea;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.single-listings .su-expand .loading::after {
    right: 40px;
    top: 50px;
}

.cpt-fav .loading::after {
    right: 37px;
    top: 11px;
    width: 12px;
    height: 12px;
}

@keyframes spin {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}

/* reCAPTCHA container */
#recaptcha-container {
    margin-top: 16px;
    text-align: center;
}

/* Mobile responsiveness */
@media (max-width: 480px) {
    #phone-auth-app {
        width: 350px;
    }

    .auth-card {
        padding: 32px 24px;
    }

    .auth-card h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .auth-input {
        padding: 14px 50px 14px 14px;
    }

    .phone-prefix {
        right: 14px;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .auth-card {
        background: rgba(45, 55, 72, 0.95);
        color: #f7fafc;
    }

    .auth-card label {
        color: #e2e8f0;
    }

    .auth-input {
        background: rgba(74, 85, 104, 0.8);
        border-color: #4a5568;
        color: #f7fafc;
    }

    .auth-input::placeholder {
        color: #718096;
    }

    .auth-input:focus {
        border-color: #667eea;
        box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.2);
    }
}

/* === Source: 161-new-order-page-css.php === */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Section */
.orders-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 60px 0;
    text-align: center;
}

.orders-header h1 {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700 !important;
    color: #FFF;
    margin-bottom: 16px;
    font-family: 'Open Sans', sans-serif !important;
    font-style: oblique;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.welcome-text {
    font-size: 1.125rem;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
}

/* Orders Container */
.orders-container {
    padding: 60px 0;
}

.orders-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

/* Order Card */
.order-card {
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid var(--jkd-b-col);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    background: var(--jkd-bg-col-sec);
}

.order-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

.order-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

/* Order Header */
.order-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.order-number .label {
    font-size: 14px;
    color: #6b7280;
    display: block;
    margin-bottom: 4px;
}

.order-number .number {
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Status Badges */
.order-status {
    padding: 8px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    min-width: 80px;
}

.status-completed {
    background: linear-gradient(135deg, #10b981, #059669);
    color: white;
}

.status-processing {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
}

.status-hold {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
}

.status-cancelled {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

.page-id-18909 .status-pending {
    background: linear-gradient(135deg, #6b7280, #4b5563);
    color: white;
}

/* Order Details */
.order-details {
    display: flex;
    gap: 24px;
    margin-bottom: 20px;
    padding: 16px;
    background: #dad9da38;
    /* border-radius: 12px; */
}

.order-date,
.order-total {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}

.order-total {
    font-weight: 600;
    color: #059669;
}

/* Order Items */
.order-items {
    margin-bottom: 24px;
}

.order-items h4 {
    font-size: 16px;
    color: #374151;
    margin-bottom: 12px;
    font-weight: 600;
}

.items-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.order-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}

.order-item:last-child {
    border-bottom: none;
}

.item-name {
    font-size: 14px;
}

.item-qty {
    color: #6b7280;
    font-size: 14px;
    font-weight: 600;
}

.more-items {
    padding: 8px 0;
    color: #6b7280;
    font-style: italic;
    font-size: 14px;
}

/* Order Actions */
.order-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.bitn {
    padding: 12px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.bitn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, 0.2),
            transparent);
    transition: left 0.6s;
}

.bitn:hover::before {
    left: 100%;
}

.bitn-primary {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    color: white;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
}

.bitn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(59, 130, 246, 0.4);
}

.bitn-secondary {
    background: rgba(255, 255, 255, 0.9);
    color: #374151;
    border: 2px solid rgba(107, 114, 128, 0.2);
}

.bitn-secondary:hover {
    background: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* No Orders State */
.no-orders {
    text-align: center;
    padding: 80px 20px;
    max-width: 500px;
    margin: 0 auto;
}

.no-orders-icon {
    color: #d1d5db;
    margin-bottom: 32px;
}

.no-orders h2 {
    font-size: 28px;
    color: #374151;
    margin-bottom: 16px;
    font-weight: 700;
}

.no-orders p {
    font-size: 18px;
    color: #6b7280;
    margin-bottom: 32px;
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .orders-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .order-card {
        padding: 20px;
    }

    .order-header {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    /* .order-details {
    flex-direction: column;
    gap: 12px;
  } */

    .order-actions {
        flex-direction: column;
    }

    .bitn {
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .orders-header {
        padding: 40px 0;
    }

    .orders-container {
        padding: 20px 0;
    }

    .container {
        padding: 0 16px;
    }
}

/* === Source: 86-ad-form-css.php === */
.ff-default .ff-el-form-control:focus::placeholder {
    color: transparent;
}

/* [data-name="form_step-65_6"] input[type="checkbox"]:not(.switch):after {
    font-size: 21px !important;
    transform: translate(0px, -8px) !important;
} */

.ad-number {
    font-size: 15px;
}

.ad-help {
    margin-top: -18px;
    font-size: 12px;
}

@media (max-width: 768px) {
    .ad-help {
        margin-top: -7px !important;
        font-size: 12px;
    }
}

#fluentform_65 {
    max-width: 99%;
    touch-action: manipulation;
    user-select: none;
}



.center-date,
.manu-cont {
    text-align: center;
    letter-spacing: 2px;
}

.frm-fluent-form .choices__inner {
    background: var(--jkd-bg-col-sec) !important;
}

.frm-fluent-form .choices__list--dropdown {
    background-color: var(--jkd-bg-col-sec) !important;
}


/* Different Padding to word Choose in Hebrew */
.choices__inner input[type="text"]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input) {
    padding: 0 5px !important;
    float: left;
}

/* select icon on certs choose */
.frm-fluent-form .choices[data-type*=select-multiple]:after {
    margin-top: 2px !important;
    right: 10px !important;
    top: 0% !important;
}

.frm-fluent-form .choices[data-type*=select-multiple] .choices__button {
    border-right: 1px solid #fff !important;
    border-left: none !important;
}

.frm-fluent-form .choices[data-type*=select-multiple] .choices__button {
    margin-right: 10px !important;
}

.frm-fluent-form .choices__list--multiple .choices__item[data-deletable] {
    padding-right: 20px !important;
}

.frm-fluent-form .choices__list--dropdown {
    max-height: 400px !important;
}

.frm-fluent-form .choices__inner {
    border-radius: 10px !important;
    height: 50px;
}

/* .frm-fluent-form .choices[data-type*=select-multiple] .choices__inner {
    cursor: pointer !important;
    padding: 0 22px !important;
} */

.frm-fluent-form .choices__list--multiple .choices__item {
    height: 40px;
    padding: 8px 10px !important;
}

[dir=rtl] .frm-fluent-form .choices__list--dropdown .choices__item {
    /* text-align: left !important; */
}

[dir=rtl] .frm-fluent-form .choices__list--multiple .choices__item {
    margin-top: 4px;
    margin-left: 0px !important;
}

/* Step Form */
.fluentform .ff-step-body {
    right: 0 !important;
    width: 100% !important;
}

.form-step-one {
    width: 100% !important;
}

.form-step-two {
    width: 100% !important;
}

.form-step-three {
    width: 100% !important;
}

.fluentform-step {
    padding: 0px !important;
}

.step-nav.ff_step_nav_last {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.step-nav.ff_step_nav_last .prev:only-child {
    margin-right: 0;
    margin-left: auto;
}

.step-nav.ff_step_nav_last .next:only-child {
    margin-left: 0;
    margin-right: auto;
}

/* Mobile Date */
/* .ff-t-container[data-name="ff_cn_id_8"] {
    display: flex;
    gap: 10px;
}

@media (max-width: 767px) {
    .ff-t-container[data-name="ff_cn_id_8"] .ff-t-cell {
        flex: 1 0 48%;
    }
}

.ff-t-container[data-name="ff_cn_id_8"] .ff-el-group .ff-el-input--label {
    display: flex;
}

.ff-t-container[data-name="ff_cn_id_8"] .ff-el-group .ff-el-input--label label {
    width: 100%;
    text-align: center;
} */


.two-columns-mobile,
.five-columns-mobile {
    display: flex;
    gap: 10px !important;
}

.five-columns-mobile {
    width: 100%;
    text-align: center;
}

/* .fluentform-step.active[data-name="form_step-65_5"] {
    width: 100% !important;
} */

/* .fluentform-step.active[data-name="form_step-65_7"] {
    width: 100% !important;
} */

/* Step Color */
[data-color-scheme="dark"] .fluentform .ff-step-titles li {
    color: #FFF;
}

[data-color-scheme="dark"] .fluentform .ff-step-titles li:after {
    background: var(--jkd-h-col) !important;
}

/* @media (min-width: 250px) {
    [data-post-id="17835"] .cs-swtch {
        top: 60% !important;
        display:initial
    }
} */

.ad-consent .text-danger {
    display: none
}

/* Number Text Color Fields */
[data-post-id="17835"] .ff-default .ff-el-form-control {
    color: var(--jkd-h-col) !important;
}

.elementor .form-step-one img {
    border-radius: 12px 0 12px;
    padding: 3px;
    border: solid 2px #0c53b7;
    width: 75px;
}

.elementor .form-step-two img {
    border-radius: 12px 0 12px;
    padding: 3px;
    border: solid 2px #0c53b7;
    width: 75px;
}

.elementor .form-step-three img {
    border-radius: 12px 0 12px;
    padding: 3px;
    border: solid 2px #0c53b7;
    width: 75px;
}

.form-step-three .ff_btn_style {
    font-weight: 600 !important;
    border-radius: 15px 0 15px !important;
    padding: 4px 10px !important;
    border-radius: 12px 0 12px;
    outline: solid 1px #ffffff !important;
    outline-offset: -4px;
}

.ff-default .ff-el-input--label label:not(.five-columns-mobile label) {
    margin-right: 10px;
}

.rent-now {
    margin: 0 20%;
    padding: 15px;
    font-size: 15px;
}

.rent-now::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #0c53b7;
    border-radius: 0 20px 0 80px;
    clip-path: polygon(45% 0, 100% 0, 100% 60%, 80% 100%, 0 100%, 0 45%);
}

.know-block {
    transform: scale(0.8);
}

@media (max-width: 650px) {
    .rent-now {
        margin: 0 15%;
    }
}

@media (max-width: 500px) {
    .rent-now {
        margin: 0 10%;
    }
}

@media (max-width: 400px) {
    .rent-now {
        margin: 0 10%;
    }
}

/* === Source: 41-block-content-button.php === */
.wishlist-icon .icon-tabler {
    width: 1em;
    height: 1em;
    color: red;
}

.blk-content {
    background-color: var(--jkd-bg-col-sec);
    padding: 20px;
    border: 1px solid #a0d6d169;
    border-radius: 10px;
    text-align: center;
    margin: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body[data-color-scheme="dark"] .blk-content {
    border: none;
}

.block-button {
    background: linear-gradient(to bottom, #3397f4, #003A7D);
    padding: 10px 50px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none !important;
    transition: box-shadow 1s;
    position: relative;
    z-index: 1;
}

.block-button:hover {
    background: linear-gradient(to bottom, #004080, #002C5F);
}

.reg-button {
    background: transparent;
    color: #0056A6;
    padding: 9px 50px;
    border: 1px solid #0056A6;
    text-decoration: none !important;
    text-align: center;
    font-size: 16px;
    transition: all 0.3s;
    position: relative;
    left: 2px;
    z-index: 0;
}

[data-color-scheme="dark"] .reg-button {
    color: #00ff8a;
}

.reg-button:hover {
    background: #0056A6;
    color: white;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
}

body[data-color-scheme="dark"] .reg-button:hover {
    color: white !important;
}

@media (max-width: 420px) {

    .block-button,
    .reg-button {
        display: block;
    }

    .block-button {
        margin-bottom: 10px;
        left: 2px;
    }
}

@media (max-width: 420px) {

    .su-guests .block-button,
    .su-guests .reg-button {
        display: block;
        width: 70%;
        margin: auto;
        margin-bottom: 10px;
    }
}

.blk-image {
    background-color: #ffffff00 !important;
    width: 120px;
    margin: auto;
}

/* Home Circle Images */
.text-and-link p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 0.7 !important;
}

.text-and-link a {
    text-decoration: none !important;
}

.join-us img {
    height: 115px !important
}

/* Using block image at Bookmarks page */
.blk-image.bm-blk {
    margin-bottom: 4px;
    /* Default margin */
    margin-top: 30px;
    width: 180px;
}

@media (max-width: 576px) {
    .blk-image.bm-blk {
        margin-bottom: 8px;
        /* Margin for screens smaller than 576px */
    }
}

@media (max-width: 420px) {
    .blk-image.bm-blk {
        margin-bottom: 0px;
        /* Margin for screens smaller than 420px */
    }
}

.signin-blc {
    text-align: center
}

.saved-title {
    margin-bottom: 20px;
}

/* .tinv-wishlist table.tinvwl-table-manage-list {
    width: 90% !important;
    margin: auto !important;
} */

@media(max-width: 767px) {
    .wishlist-wrp .entire-cont-wrp tbody .wishlist_item {
        width: 50% !important;
        /* Each item takes 50% width */
    }
}

.wishlist-wrp .entire-cont-wrp .product-cb {
    width: 25px !important;
}

.wishlist-wrp .entire-cont-wrp .product-remove {
    width: 32px !important;
}

.product-cb input[type="checkbox"]:not(.switch):after {
    content: "✓" !important;
    font-size: 14px !important;
    background-color: transparent !important;
    height: auto !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: var(--jkd-h-col) !important;
    transform: translate(1px, 0px) !important;
}

input[type="checkbox"]:not(.switch):after {
    content: "✓" !important;
    font-size: 20px !important;
    background-color: transparent !important;
    height: auto !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: var(--jkd-h-col) !important;
    transform: translate(1px, -9px) !important;
}

@media(max-width:767px) {
    .wishlist-wrp .entire-cont-wrp .product-remove {
        margin-top: 10px !important;
    }
}

.wishlist-wrp .entire-cont-wrp .product-remove button {
    border: solid 1px var(--jkd-h-col);
}

.posts-grid-type-1 .p-hdr:after {
    background-color: rgba(0, 0, 0, .2) !important;
}

.bookmarks-page .jkd-c .empty-bookmarks {
    background: var(--jkd-bg-col-sec);
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
}

.bookmarks-page .jkd-c .empty-bookmarks .empty-message {
    font-size: 16px;
    color: var(--jkd-h-col);
}

.bookmarks-page .jkd-c .bookmarks-title {
    margin: 15px;
}

.bookmarks-page .jkd-c .empty-bookmarks .button-wrp {
    margin-top: 15px !important;
    border-radius: 12px 0 12px;
    padding: 2px;
    border: solid 2px #0c53b7;
    width: fit-content;
}

@media(max-width:576px) {
    .bookmarks-page .jkd-c .empty-bookmarks .button-wrp {
        margin: auto;
    }
}

.bookmarks-page .jkd-c .empty-bookmarks .button-wrp .jkd-button.size-small.color-style.animation-fill {
    height: 25px !important;
    border-radius: 10px 0 10px !important;
    background-color: #0c53b7 !important;
    font-size: 12px !important;
    color: #FFF !important;
}

/* BM Footer Posts */
.archive-wrp .grid-item.type-listings {
    padding: var(--jkd-arch-off);
    width: calc(100% / var(--jkd-arch-col));
}

@media (max-width: 767px) {
    .archive-wrp .grid-item.type-listings {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .archive-wrp .grid-item.type-listings {
        padding: 7.5px;
        width: 50%;
    }
}

#m-wrp .p-30.type-listings {
    padding: 10px;
}

#m-wrp hr {
    display: none
}

/* === Source: 225-gallery-css-standalone.php === */
/* Only target gallery pages */
body:has(.gallery-container) {
    margin: 0;
    padding: 20px;
    background-color: #2d2d2d;
    direction: rtl;
}

.gallery-container .close-button {
    position: fixed;
    top: 10%;
    left: 8%;
    z-index: 1;
    color: #FFF;
    background: #000;
}

.gallery-container .close-button:hover {
    color: #000;
    background: #fff;
}

.gallery-container {
    max-width: 1200px;
    margin: 20px auto;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    font-family: Arial, sans-serif;
    direction: rtl;
}

/* Reset only for gallery container */
.gallery-container * {
    box-sizing: border-box;
}

/* If you need body styles, target specifically */
body.gallery-page {
    margin: 0;
    padding: 20px;
    background-color: #f5f5f5;
    direction: rtl;
}

.gallery-header {
    position: fixed;
    top: 50%;
    background: #333;
    color: white;
    padding: 20px;
    text-align: center;
    z-index: 1;
}

.gallery-header h1 {
    margin: 0;
    font-size: 24px;
}

.gallery-images {
    padding: 20px;
}

.gallery-images img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: block;
}

.no-images {
    text-align: center;
    padding: 40px;
    color: #666;
    font-size: 18px;
}

.no-images h2 {
    color: #e74c3c;
    margin-bottom: 20px;
    font-size: 28px;
}

.no-images p {
    margin: 10px 0;
    line-height: 1.6;
}

.back-link {
    display: inline-block;
    margin-top: 10px;
    color: #0073aa;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
}

.back-link:hover {
    text-decoration: underline;
}

.image-counter {
    background: #f0f0f0;
    padding: 10px 20px;
    text-align: center;
    color: #666;
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .gallery-header {
        padding: 15px;
    }

    .gallery-header h1 {
        font-size: 20px;
    }

    .gallery-images {
        padding: 15px;
    }

    .no-images {
        padding: 30px 20px;
        font-size: 16px;
    }

    .no-images h2 {
        font-size: 24px;
    }
}

/* Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
    .gallery-container {
        max-width: 900px;
    }

    .gallery-images {
        padding: 18px;
    }
}

/* Large screens */
@media (min-width: 1400px) {
    .gallery-container {
        max-width: 1400px;
    }

    .gallery-images {
        padding: 30px;
    }
}

/* Print styles */
@media print {
    .gallery-container {
        box-shadow: none;
        border-radius: 0;
    }

    .gallery-header {
        background: white;
        color: black;
        border-bottom: 2px solid #333;
    }

    .back-link {
        display: none;
    }

    .image-counter {
        display: none;
    }
}

/* Loading animation for images */
.gallery-images img {
    transition: opacity 0.3s ease;
}

.gallery-images img:not([src]) {
    opacity: 0;
}

/* Hover effects */
.gallery-images img:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

/* Focus styles for accessibility */
.back-link:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .gallery-container {
        border: 2px solid #000;
    }

    .gallery-header {
        background: #000;
        color: #fff;
    }

    .back-link {
        color: #0066cc;
        font-weight: bold;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .gallery-container {
        background: #2d2d2d;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

    .gallery-header {
        background: #1a1a1a;
    }

    .image-counter {
        background: #3d3d3d;
        color: #b0b0b0;
        border-bottom-color: #4d4d4d;
    }

    .no-images {
        color: #b0b0b0;
    }

    .back-link {
        color: #4dc3ff;
    }
}

/* HD Button */
.custom-hd-button {
    position: absolute;
    bottom: 3.5rem;
    right: 1rem;
    padding: 0.75rem;
    border-radius: 9999px;
    backdrop-filter: blur(16px);
    border: 1px solid rgba(34, 197, 94, 0.2);
    background: linear-gradient(to top right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-out;
    cursor: pointer;
}

.custom-hd-button:hover {
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.3);
    /* transform: scale(1.1) rotate(2deg); */
    border-color: rgba(34, 197, 94, 0.5);
    background: linear-gradient(to top right, rgba(34, 197, 94, 0.1), rgba(0, 0, 0, 0.4));
}

.custom-hd-button:active {
    transform: scale(0.95) rotate(0deg);
}

.hd-shine {
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    transition: transform 0.7s ease-out;
}

.custom-hd-button:hover .hd-shine {
    transform: translateX(100%);
}

.hd-text {
    position: relative;
    z-index: 10;
    color: #22c55e;
    font-weight: 600;
    font-size: 1.125rem;
    transition: color 0.3s;
}

.custom-hd-button:hover .hd-text {
    color: #4ade80;
}

/* === Source: 213-pagination-css.php === */
/* .in-wrp.all-in {
    position: relative;
} */

.image-wrapper-set {
    position: relative;
}

.next-vessel-cat.next-end img {
    height: 60px !important;
}

.vessel-cat-navigation {
    display: flex;
    justify-content: space-between;
    border: solid 1px #ffffff00;
    margin-bottom: 7px;
    gap: 7px;
    opacity: 0;
    animation: fadeIn 0.5s ease-in-out 1.5s forwards;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 10;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.single-listings .wp-post-image,
.nav-thumbnail.with-tax-term {
    height: 60px !important;
    width: 60px !important;
    /* object-fit: cover; */
}

.prev-vessel-cat a,
.next-vessel-cat a {
    display: flex;
    border: 1px solid #dddddd57;
    transition: all 0.3s ease;
    background: #ffffff2e;
    backdrop-filter: blur(2px);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    max-width: 45%;
    top: 5%;
    color: #ccc;
    background-color: rgba(0, 0, 0, 0.3);
}

.next-vessel-cat a {
    left: 2%;
}

.prev-vessel-cat a {
    right: 2%;
}

.prev-vessel-cat:not(.next-end) a {
    border-radius: 8px 30px 30px 8px;
}

.next-vessel-cat:not(.next-end) a {
    border-radius: 30px 8px 8px 30px;
}

.prev-vessel-cat a:hover,
.next-vessel-cat a:hover {
    border-color: #007cba;
}

.nav-thumbnail {
    flex-shrink: 0;
    margin: auto;
}

.nav-thumbnail img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

.nav-thumbnail .tile-icon {
    margin: 10px auto;
    width: 35px;
    height: 35px;
    color: #ccc;
}

/* .next-vessel-cat,
.prev-vessel-cat {
  max-width: 50%
} */

.prev-vessel-cat .nav-content {
    text-align: right;
}

.next-vessel-cat .nav-content {
    text-align: left;
}

.next-vessel-cat .nav-content,
.prev-vessel-cat .nav-content {
    margin: auto 8px;
    font-style: oblique;
    font-weight: 600;
    line-height: 1;
}

.nav-label {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 4px;
    display: inline-block;
    height: 18px;
    line-height: 14px;
}

.nav-content {
    font-size: 14px;
}

.custom-fields-box:has(.prev-vessel-cat:only-child) {
    justify-content: flex-start;
}

.custom-fields-box:has(.next-vessel-cat:only-child) {
    justify-content: flex-end;
}

.next-vessel-cat.next-end {
    position: absolute !important;
    top: 5%
}

.next-vessel-cat.next-end {
    left: 45%;
}

.next-vessel-cat.next-end:nth-child(2) {
    left: 20%;
}

.next-vessel-cat.next-end a {
    border: none !important;
}

/* .nav-content.tax-term {
    position: absolute;
    top: 50%;
    transform: translate(0 , -50%);
    font-size: 12px;
    font-weight: 600;
    font-style: oblique;
    background-color: rgba(0, 0, 0, 0.25);
    color: white;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
} */

.nav-content.tax-term {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 12px;
    font-weight: 600;
    font-style: oblique;
    color: white;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, 0.8),
        1px -1px 0 rgba(0, 0, 0, 0.8),
        -1px 1px 0 rgba(0, 0, 0, 0.8),
        1px 1px 0 rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease;
}

.nav-content.tax-term:hover {
    background-color: rgba(0, 0, 0, 0.2);
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, 0.6),
        1px -1px 0 rgba(0, 0, 0, 0.6),
        -1px 1px 0 rgba(0, 0, 0, 0.6),
        1px 1px 0 rgba(0, 0, 0, 0.6);
}

.nav-thumbnail.with-tax-term img {
    border-radius: 4px !important;
}

@media (max-width: 200px) {
    .nav-content .nav-label {
        display: none;
    }

    .prev-vessel-cat .nav-content:not(:last-child) {
        margin: 0 !important;
    }
}

.glass-container {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 2rem;
    overflow: hidden;
    background: transparent;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
}

.glass-filter,
.glass-overlay,
.glass-specular {
    position: absolute;
    inset: 0;
    border-radius: inherit;
}

.glass-filter {
    z-index: 0;
    backdrop-filter: blur(4px);
    filter: saturate(120%) brightness(1.15);
}

.glass-overlay {
    z-index: 1;
    /* background: rgba(255, 255, 255, 0.25); */
}

.glass-specular {
    z-index: 2;
    /* box-shadow:
    inset 1px 1px 0 rgba(255, 255, 255, 0.75),
    inset 0 0 5px rgba(255, 255, 255, 0.75); */
}

.glass-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.5rem;
}

.nav-content span:not(.nav-label) {
    background: transparent;
    padding: 0 5px;
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, 0.6),
        1px -1px 0 rgba(0, 0, 0, 0.6),
        -1px 1px 0 rgba(0, 0, 0, 0.6),
        1px 1px 0 rgba(0, 0, 0, 0.6);
    transition: all 0.3s ease;
}

.nav-content span:not(.nav-label):hover {
    color: #ffffff;
    text-shadow:
        -1px -1px 0 rgba(0, 0, 0, 0.6),
        1px -1px 0 rgba(0, 0, 0, 0.6),
        -1px 1px 0 rgba(0, 0, 0, 0.6),
        1px 1px 0 rgba(0, 0, 0, 0.6);
}

/* === Source: 136-chat-css.php === */
#chat-widget {
    position: fixed;
    bottom: 50px;
    right: 20px;
    width: 350px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    transition: all 0.3s ease;
    overflow: hidden;
}

#chat-widget.chat-widget-closed #chat-body {
    display: none;
}

#chat-header {
    background: #0073aa;
    color: white;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.chat-controls span {
    margin-right: 18px;
    cursor: pointer;
    font-size: 18px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.chat-controls span:hover {
    opacity: 1;
}

#chat-body {
    height: 400px;
    display: flex;
    flex-direction: column;
}

#chat-messages {
    flex-grow: 1;
    overflow-y: auto;
    padding: 15px;
}

.user-message,
.bot-message {
    max-width: 80%;
    margin: 8px 0;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 15px;
    line-height: 1.4;
}

.user-message {
    background: #0073aa;
    color: white;
    margin-left: auto;
    border-bottom-right-radius: 5px;
}

.bot-message {
    background: #e7e8e9;
    color: #565759;
    font-size: 16px;
    margin-right: auto;
    border-bottom-left-radius: 5px;
}

#chat-input {
    padding: 15px;
    border-top: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
}

#chat-prompt {
    flex-grow: 1;
    padding: 12px !important;
    font-size: 16px !important;
    border: 1px solid #ddd;
    border-radius: 20px;
    resize: none;
    height: 52px !important;
    min-height: initial !important;
    overflow-y: auto;
}

#chat-prompt::placeholder {
    font-size: 16px !important;
    color: #999 !important;
}

#send-message {
    background: #0073aa;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

#send-message:hover {
    background: #005c88;
}

#chat-status {
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #eee;
    color: #666;
}

.typing-indicator span {
    animation: typing 1s infinite;
    margin-left: 2px;
}

.typing-indicator span:nth-child(2) {
    animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
    animation-delay: 0.4s;
}

.hidden {
    display: none;
}

@keyframes typing {

    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    #chat-widget {
        /* Initial state (minimized) */
        width: 60px !important;
        height: 60px !important;
        bottom: 50px;
        right: 20px;
        left: auto;
        border-radius: 50%;
        overflow: hidden;
        transition: all 0.3s ease;
    }

    #chat-widget.chat-widget-closed {
        /* Circular minimized state */
        background: #0073aa;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    #chat-widget.chat-widget-closed #chat-header {
        padding: 0;
        height: 60px;
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #chat-widget.chat-widget-closed .chat-controls,
    #chat-widget.chat-widget-closed strong {
        display: none;
    }

    /* Add chat icon for minimized state */
    #chat-widget.chat-widget-closed #chat-header:before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E") center/contain no-repeat;
    }

    #chat-widget:not(.chat-widget-closed) {
        /* When open, take full screen */
        width: 100% !important;
        height: 100% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
    }

    #chat-body {
        height: calc(100vh - 60px) !important;
        max-height: none;
    }

    #chat-header {
        border-radius: 0;
        height: 60px;
    }

    #chat-messages {
        padding: 10px;
    }

    #chat-input {
        position: sticky;
        bottom: 40px;
        background: #fff;
        padding: 10px;
    }

    .user-message,
    .bot-message {
        max-width: 90%;
    }
}

/* For extra small devices */
@media (max-width: 320px) {
    #chat-widget.chat-widget-closed {
        bottom: 15px;
        right: 15px;
    }

    #chat-input {
        padding: 8px;
    }
}

/* === Source: 50-tooltip-css.php === */
@media (min-width: 768px) {
    .custom-tooltip {
        display: none;
        position: fixed;
        background-color: #1b4f8d !important;
        color: #FFF;
        border: 1px solid #a0d6d169;
        padding: 20px 23px 16px 18px;
        border-radius: 10px;
        font-size: 16px;
        max-width: 156px;
        width: auto;
        height: auto;
        min-width: 150px;
        z-index: 1000;
        /* box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.1); */
        white-space: normal;
        word-wrap: break-word;
        box-sizing: border-box;
        left: 42px !important;
        top: 85px !important;
    }

    /* Tooltip Arrow */
    .custom-tooltip::before {
        content: '';
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #1b4f8d;
        top: -10px;
        left: 20px;
    }

    /* Tooltip Close Button */
    .tooltip-close {
        background: none;
        border: none;
        color: #868bce;
        font-weight: bold;
        border-radius: 50%;
        border: solid 1px #868bce;
        font-size: 9px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 6px;
        width: 15px;
        height: 15px;
        transition: all 0.3s ease-in-out;
    }

    .tooltip-close:hover {
        color: #FFF;
        border-color: #FFF;
    }
}

@media (max-width: 576px) {
    .custom-tooltip {
        display: none;
        position: fixed;
        background-color: #1b4f8d !important;
        color: #FFF;
        border: 1px solid #a0d6d169;
        padding: 20px 23px 16px 18px;
        border-radius: 10px;
        font-size: 16px;
        max-width: 156px;
        width: auto;
        height: auto;
        min-width: 150px;
        z-index: 1000;
        /* box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.1); */
        white-space: normal;
        word-wrap: break-word;
        box-sizing: border-box;
        left: 18px !important;
        top: 65px !important;
    }

    /* Tooltip Arrow */
    .custom-tooltip::before {
        content: '';
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #1b4f8d;
        top: -10px;
        left: 20px;
    }

    /* Tooltip Close Button */
    .tooltip-close {
        background: none;
        border: none;
        color: #868bce;
        font-weight: bold;
        border-radius: 50%;
        border: solid 1px #868bce;
        font-size: 9px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 6px;
        width: 15px;
        height: 15px;
        transition: all 0.3s ease-in-out;
    }

    .tooltip-close:hover {
        color: #FFF;
        border-color: #FFF;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .custom-tooltip {
        display: none;
        position: fixed;
        background-color: #1b4f8d !important;
        color: #FFF;
        border: 1px solid #a0d6d169;
        padding: 20px 23px 16px 18px;
        border-radius: 10px;
        font-size: 16px;
        max-width: 156px;
        width: auto;
        height: auto;
        min-width: 150px;
        z-index: 1000;
        /* box-shadow: 2px 0px 8px rgba(0, 0, 0, 0.1); */
        white-space: normal;
        word-wrap: break-word;
        box-sizing: border-box;
        left: 20px !important;
        top: 85px !important;
    }

    /* Tooltip Arrow */
    .custom-tooltip::before {
        content: '';
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #1b4f8d;
        top: -10px;
        left: 20px;
    }

    /* Tooltip Close Button */
    .tooltip-close {
        background: none;
        border: none;
        color: #868bce;
        font-weight: bold;
        border-radius: 50%;
        border: solid 1px #868bce;
        font-size: 9px;
        cursor: pointer;
        position: absolute;
        top: 5px;
        right: 6px;
        width: 15px;
        height: 15px;
        transition: all 0.3s ease-in-out;
    }

    .tooltip-close:hover {
        color: #FFF;
        border-color: #FFF;
    }
}

.custom-tooltip {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease-out, visibility 0s 0.5s;
    /* Fade out smoothly */
}

/* Initially hide the tooltip */
.custom-tooltip.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0s 0.5s;
}

/* Adjust to delay visibility change on show */
.custom-tooltip:not(.hidden) {
    visibility: visible;
    transition: opacity 0.5s ease-out, visibility 0s 0s;
    /* Delay visibility change */
}

/* === Source: 157-main-active-new.php === */
/* Parent container setup */
.reflektor {
    display: flex;
    align-items: center;
    height: 30px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* .add element styling */
.add {
    width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    transform: scale(0.5);
    transform-origin: 50% 50%;
    transition: transform 0.4s ease;
    position: relative;
    will-change: transform;
}

/* Explicitly reset transform when not active */
.add:not(.active) {
    transform: scale(0.5);
}

/* Child <a> elements styling */
.add a {
    width: 50%;
    padding-bottom: 50%;
    background: #0c53b7;
    position: absolute;
    transition: all 0.4s ease;
    pointer-events: none;
    /* Links not clickable unless .add is active */
}

/* Reset transforms when not active to prevent artifacts */
/* .add:not(.active) a {
  transform: translate(0, 0) !important;
} */

/* Enable pointer-events when .add is active */
.add.active a {
    pointer-events: auto;
    transition: all 0.15s ease 0.4s;
    border-radius: 50%;
}

/* SVG styling */
.add a svg {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 6px;
    top: 6px;
    transform: scale(0) rotate(315deg);
    transition: all 0.3s ease;
    opacity: 0;
}

/* Ensure SVGs are visible on hover for desktop */
.add:hover a svg,
.add a:hover svg {
    opacity: 1;
    transform: scale(1) rotate(315deg);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* SVG animations for active state */
.add.active a svg {
    opacity: 1;
    transform: scale(1) rotate(315deg);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Plus icon styling */
.add:before,
.add:after {
    content: '';
    width: 24px;
    height: 5px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform-origin: 50% 50%;
    transition: transform 0.25s ease;
}

.add:before {
    transform: translate(-50%, -50%) scaleY(0.76);
}

.add:after {
    transform: translate(-50%, -50%) rotate(90deg) scaleY(0.76);
}

.add:hover:before,
.add.active:before {
    transform: translate(-50%, -50%) scaleY(0);
}

.add:hover:after,
.add.active:after {
    transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
}

/* Position the quadrants */
.add a:nth-child(1) {
    left: 0;
    top: 0;
    border-radius: 100% 0 0 0;
}

.add a:nth-child(2) {
    right: 0;
    top: 0;
    border-radius: 0 100% 0 0;
}

.add a:nth-child(3) {
    left: 0;
    bottom: 0;
    border-radius: 0 0 0 100%;
}

.add a:nth-child(4) {
    right: 0;
    bottom: 0;
    border-radius: 0 0 100% 0;
}

/* Hover and active states for moving quadrants outward */
.add:hover a:nth-child(1),
.add.active a:nth-child(1) {
    transform: translate(-10px, -10px);
}

.add:hover a:nth-child(2),
.add.active a:nth-child(2) {
    transform: translate(10px, -10px);
}

.add:hover a:nth-child(3),
.add.active a:nth-child(3) {
    transform: translate(-10px, 10px);
}

.add:hover a:nth-child(4),
.add.active a:nth-child(4) {
    transform: translate(10px, 10px);
}

.add:hover,
.add.active {
    transform: scale(1.2) rotate(45deg);
    transition: transform 0.4s ease 0.1s;
}

.add:hover a,
.add.active a {
    border-radius: 50%;
    transition: all 0.15s ease 0.1s;
}

/* Click-target styling */
.click-target {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

/* Specific SVG styles */
.add .button-one-up svg {
    color: #ffeb3b;
    left: 4px;
    top: 1px;
    height: 30px;
    width: 30px;
}

.add .button-two-up svg {
    color: #ff9200;
    width: 20px;
    height: 20px;
    left: 6px;
    top: 6px;
}

.add .button-three-up svg {
    color: #00ffd0;
    width: 20px;
    height: 20px;
    left: 6px;
    top: 7px;
}

.add .button-four-up svg {
    fill: #ffc107;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .add {
        transform: scale(0.5);
        transition: transform 0.3s ease;
    }

    .add:not(.active) {
        transform: scale(0.5);
    }

    .add a {
        pointer-events: none;
        /* Reinforce no pointer events when closed */
    }

    .add.active a {
        pointer-events: auto;
        /* Enable when active */
    }

    .add.active {
        transform: scale(1.2) rotate(45deg);
        transition: transform 0.3s ease;
    }

    /* Remove transition delay for SVG visibility on mobile */
    .add.active a svg {
        transition: opacity 0.3s ease, transform 0.3s ease;
    }
}

/* === Source: 107-main-action-button.php === */
/* Parent container setup */
.reflektor {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* width: 100px; */
    height: 30px;
    /* position: relative; */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* .add element styling */
.add {
    width: 65px;
    height: 65px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    transform: scale(0.5);
    transform-origin: 50% 50%;
    transition: transform 0.4s ease;
    position: relative;
}

/* Child a elements styling */
.add a {
    width: 50%;
    padding-bottom: 50%;
    /* background: #005fff; */
    background: #0c53b7;
    position: absolute;
    transition: all 0.4s ease;
    /* visibility: hidden; */
    pointer-events: none;
}

.add:active a {
    visibility: visible;
    pointer-events: auto;
    transition: visibility 0s linear 0.4s, all 0.15s ease 0.4s;
}

.add a svg {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: scale(0.6) rotate(-45deg);
    transition: all 0.15s ease;
}

.add:before,
.add:after {
    content: '';
    width: 24px;
    height: 5px;
    border-radius: 3px;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform-origin: 50% 50%;
    transition: transform 0.25s ease;
}

.add:before {
    transform: translate(-50%, -50%) scaleY(0.76);
}

.add:after {
    transform: translate(-50%, -50%) rotate(90deg) scaleY(0.76);
}

.add:hover:before {
    transform: translate(-50%, -50%) scaleY(0);
}

.add:hover:after {
    transform: translate(-50%, -50%) rotate(90deg) scaleY(0);
}

/* Position the quadrants */
.add a:nth-child(1) {
    left: 0;
    top: 0;
    border-radius: 100% 0 0 0;
}

/* .add a:nth-child(1) svg {
  left: 12px;
  top: 10px;
  height: 26px;
  width: 26px;
} */

.add a:nth-child(2) {
    right: 0;
    top: 0;
    border-radius: 0 100% 0 0;
}

.add a:nth-child(3) {
    left: 0;
    bottom: 0;
    border-radius: 0 0 0 100%;
}

.add a:nth-child(4) {
    right: 0;
    bottom: 0;
    border-radius: 0 0 100% 0;
}

/* Hover states for moving quadrants outward */
.add:hover a:nth-child(1) {
    transform: translate(-10px, -10px);
}

.add:hover a:nth-child(2) {
    transform: translate(10px, -10px);
}

.add:hover a:nth-child(3) {
    transform: translate(-10px, 10px);
}

.add:hover a:nth-child(4) {
    transform: translate(10px, 10px);
}

.add:hover {
    transform: scale(1.2) rotate(45deg);
    transition: transform 0.4s ease 0.1s;
}

.add:hover a {
    pointer-events: none;
    border-radius: 50%;
    animation: pointerEvent 0s linear forwards 0.4s;
    transition: all 0.15s ease 0.1s;
}

.add a:hover svg {
    opacity: 0.7;
    transform: scale(1) rotate(-45deg);
    transition: all 0.3s ease;
}

@keyframes pointerEvent {
    100% {
        pointer-events: auto;
    }
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .add {
        transform: scale(0.5);
        transition: transform 0.3s ease;
    }

    .add a {
        pointer-events: none;
    }

    .add.active a {
        pointer-events: auto;
    }

    .add.active {
        transform: scale(1.2) rotate(45deg);
        transition: transform 0.3s ease;
    }
}

.add .button-one-up svg {
    color: #ffeb3b;
    left: 11px;
    top: 8px;
    height: 29px;
    width: 29px;
}

.add .button-two-up svg {
    color: #ff9200;
    width: 17px;
    height: 17px;
    left: 15.5px;
    top: 14px;
}

.add .button-three-up svg {
    color: #00ffd0;
    width: 16px;
    height: 16px;
    left: 15.5px;
    top: 16.5px;
}

.add .button-four-up svg {
    fill: #ffc107;
}

.add svg {
    width: 20px;
    height: 20px;
    transform: rotate(315deg) translateY(-10px) !important;
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.add:hover svg {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.click-target {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

/* === Source: 61-spoiler-css.php === */
/* Hide the plus icon for the spoiler with class 'bm-footer-tab' */
.bm-footer-tab .su-spoiler-title .su-spoiler-icon,
.bm-upper-tab .su-spoiler-title .su-spoiler-icon {
    display: none !important;
    /* Hide the icon (plus sign) */
}

.su-spoiler-style-fancy>.su-spoiler-title {
    font-size: 13px !important;
}

.bm-upper-tab .su-spoiler-title {
    padding-right: 10px;
}

.page-id-9904 .bm-upper-tab {
    border: solid 1px var(--uv-col) !important;
}

/* Ensure the title stays in place even without the icon */
.bm-footer-tab .su-spoiler-title {
    padding-right: 15px !important;
    /* text-align: right; */
    pointer-events: none !important;
    text-decoration: underline;
}

/* Keep the content of the spoiler visible */
/* .bm-footer-tab .su-spoiler-content {
    opacity: 1 !important;
    visibility: visible !important;
    max-height: 500px !important;
}
 */

.bm-footer-tab,
.bm-upper-tab {
    color: var(--jkd-h-col) !important;
    font-size: 16px;
}

/* .su-spoiler-content {
  opacity: 0 !important;
  max-height: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
  transform: translateY(-10px) !important;
  transition: opacity 0.4s ease !important, transform 0.4s ease !important, max-height 0.4s ease !important, visibility 0.4s ease !important;
}
 */
.bm-upper-tab.su-spoiler:not(.su-spoiler-closed) .su-spoiler-content {
    opacity: 1 !important;
    /* max-height: 500px !important; /* Adjust based on your content's height */
    visibility: visible !important;
    */ transform: translateY(0) !important;
}

.bm-upper-tab.su-spoiler-closed .su-spoiler-title::before {
    content: "\ec83";
    /* 'plus' icon code */
    font-family: 'tabler-icons' !important;
    font-size: 24px;
    padding-left: 10px;
    display: inline-block;
    float: right;
    color: #ff9200;
}

.bm-upper-tab:not(.su-spoiler-closed) .su-spoiler-title::before {
    content: "\f5f7";
    /* 'minus' icon code */
    font-family: 'tabler-icons' !important;
    font-size: 24px;
    padding-left: 10px;
    display: inline-block;
    float: right;
    color: #ff9200;
}

/* BM Footer Posts */
.archive-wrp .grid-item-me {
    padding: var(--jkd-arch-off);
    width: calc(100% / var(--jkd-arch-col));
}

@media (max-width: 767px) {
    .archive-wrp .grid-item-me {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .archive-wrp .grid-item-me {
        padding: 7.5px;
        width: 50%;
    }
}

#m-wrp .p-32 {
    padding: 10px;
}

/* Set of arrows to upper tab */
.bm-upper-tab:not(.su-spoiler-closed) .su-spoiler-title::after {
    content: "\ea16";
    /* Replace with the appropriate icon code */
    font-family: 'tabler-icons' !important;
    font-size: 15px;
    /* padding-left: 10px; */
    display: inline-block;
    float: left;
}

.bm-upper-tab.su-spoiler-closed .su-spoiler-title::after {
    content: "\ea19";
    font-family: 'tabler-icons' !important;
    float: left;
}

/* .bm-upper-tab.su-spoiler-closed .su-spoiler-title::after {
    content: "\ea19";
    font-family: 'tabler-icons' !important;
    font-size: 15px;
    padding-left: 0 10px 0 10px;
    display: inline-block;
    float: left;
} */

.su-spoiler-content {
    max-height: 700px;
    transition: max-height 1.2s linear,
        opacity 0.8s ease 0.2s,
        padding 1.2s cubic-bezier(0, 0, 0.2, 1) !important;
}

.su-spoiler.su-spoiler-closed>.su-spoiler-content {
    max-height: 0;
    padding: 0;
    transition: max-height 0.5s linear,
        opacity 1.2s cubic-bezier(0.33, 1, 0.68, 1),
        padding 1s cubic-bezier(0.33, 1, 0.68, 1) !important;
}

/* Post Spoiler's Icons */
.single-post .su-spoiler-icon-plus .su-spoiler-icon:before {
    content: '\eadd';
    font-size: 16px;
    font-family: 'tabler-icons';
    position: relative;
}

.single-post .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
    content: '\eb76';
    font-family: 'tabler-icons';
}

/* === Source: 169-css-new-cognito-wa.php === */
label[for="send_sms"] {
    text-decoration: underline;
    color: #009688 !important;
    font-style: oblique;
    font-weight: 600;
    background: #f9f9f94d;
    padding: 2px 6px;
    border-radius: 4px;
    /* border: 1px solid #e0e0e0; */
}

.page-id-14308 #phoneForm #phone::placeholder {
    font-size: 20px !important;
}

.page-id-17134 #phoneForm #phone::placeholder {
    font-size: 20px !important;
}

.policy-consent {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 10px 15px;
}

.send-logo {
    position: absolute;
    padding: 17px 10px 0;
}

#delivery_status {
    font-size: 14px;
    margin-right: 8px;
    padding: 1px 3px;
    border: solid 2px;
    border-radius: 4px;
    background: #FFF;
}

#phoneForm #phone {
    font-size: 20px !important;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 10px 0 5px;
    text-align: center;
}

.wa-select {
    display: flex;
    align-items: center;
}

#delivery_method::after {
    position: relative;
    top: 6px;
}

.page-id-17134 input[type="checkbox"]:not(.switch):checked:after,
.page-id-14308 input[type="checkbox"]:not(.switch):checked:after {
    top: 7px;
}

/* For Current Reg Page */
.cognito-auth {
    position: fixed;
    transform: translate(-50%, -50%);
}

.cognito-auth {
    width: 300px;
    margin: 50px auto;
    padding: 25px 25px 20px;
    top: 35%;
    left: 50%;
    border: 1px solid var(--uv-col);
    border-radius: 10px;
}

@media (max-width: 767px) {
    .cognito-auth {
        top: 45%;
    }
}

.cognito-auth label {
    color: #3F51B5;
}

[data-color-scheme="dark"] {
    .cognito-auth label {
        color: #FFF;
    }

    label[for="send_sms"] {
        color: #FFF !important;
    }
}

.cognito-auth::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #FFF;
    opacity: 0.5;
    z-index: -1;
    border-radius: 10px;
}

[data-color-scheme="dark"] .cognito-auth::after {
    opacity: 0.25;
}

#sendButton {
    width: 100%;
    padding: 12px;
    border: none;
    background: var(--jkd-bg-col);
    border-radius: 4px;
    color: var(--jkd-h-col);
    font-size: 14px;
    font-weight: 600;
    font-style: oblique;
    cursor: not-allowed;
    opacity: 0.5;
}

.lt1 {
    font-size: 27px;
    text-align: center;
    margin-bottom: 20px;
    font-style: italic;
}

.lt1 label {
    color: var(--jkd-h-col);
}

[data-color-scheme="light"].page-id-17134 {
    background: url('https://media.sealevel.co.il/2025/05/31113121/sealevel-waves-010-scaled-1.jpg') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
}

[data-color-scheme="dark"].page-id-17134 {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        url('https://media.sealevel.co.il/2023/06/13123238/yacht057-e1727021007178-1.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
    display: flex;
    justify-content: center;
}

[data-color-scheme="light"].page-id-14308 {
    background: url('https://media.sealevel.co.il/2025/05/31113121/sealevel-waves-010-scaled-1.jpg') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
}

[data-color-scheme="dark"].page-id-14308 {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        url('https://media.sealevel.co.il/2023/06/13123238/yacht057-e1727021007178-1.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
    display: flex;
    justify-content: center;
}

/* === Source: 172-css-bg-on-d794d7a8d7a9d79ed794.php === */
.page-id-14696::before {
    content: '' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        url('https://media.sealevel.co.il/2025/02/13151819/seaLevel-light-mobile.png');
    background-size:
        80px 80px;
    /* Size for each image */
    background-repeat:
        repeat;
    opacity: 0.2;
    pointer-events: none;
}

.page-id-14696 label span:not(.required) {
    margin-right: initial !important;
}

.page-id-14696 input[type="checkbox"]:not(.switch):after {
    transform: translate(0px, -8px) !important;
}

#ff_18_email {
    text-align: center;
}

.main-learn .ff-el-form-check-label {
    margin: 2px !important;
}

.learn-boxes .ff-el-form-check-label {
    margin: 2px !important;
}

.learn-boxes span {
    padding: 7px 7px !important;
    border: 1px solid !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    margin-right: 5px !important;
    margin-bottom: 0px !important
}

.learn-boxes input {
    display: none !important
}

.floating-guard {
    text-align: right;
}

/* .reg-right {
    margin-right: -5px;
} */

.ff-el-group.ff-el-form-hide_label.reg-right input[name="checkbox_3[]"]+span {
    margin-right: 4px !important;
    ;
}

.page-id-14696 .floating-content {
    width: 100% !important;
    margin: 0;
}

.learn-options {
    margin-bottom: 0px !important;
}

.learn-options span {
    padding: 4px !important;
    margin-left: 2px !important;
    border: none !important;
    margin-right: initial !important;
}

.learn-boxes .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
    display: block !important;
    border: 1px solid var(--uv-col) !important;
    width: auto !important;
}

/* .learn-boxes .ff-el-group.ff_list_buttons .ff-el-form-check input {
    display: block !important;
} */

.page-id-14696 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input {
    display: block !important;
}

.page-id-14696 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input span {
    margin-right: 4px;
}

.namandfam input {
    font-size: 14px
}

/* .page-id-14696::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
} */

.page-id-14696 .floating-window {
    background-color: #b6faff;
}

.page-id-14696 .fluentform .ff-el-tc {
    margin: auto !important;
}

.page-id-14696 .fluentform .ff-el-tc p {
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.fluentform input[type="checkbox"],
.fluentform input[type="radio"] {
    display: inline-block !important;
}

.reg-right {
    margin-bottom: 10px !important;
}

.learn-boxes {
    margin-bottom: 5px !important;
}

.floating-guard .text1212 {
    margin-bottom: 10px !important;
}

.condit {
    margin-bottom: 10px !important;
}

@media only screen and (max-width: 768px) {

    .page-id-14696 .ff-el-input--content .ff-el-form-check,
    .page-id-14696 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
        display: inline-flex !important;
        align-items: center;
        /* margin-right: 5px !important; */
    }

    /* .page-id-14696 .fluentform .ff-el-group {
        margin-bottom: 10px !important;
    } */
    .page-id-14696 .fluentform .ff-el-group.learn-options {
        margin-bottom: 0px !important;
    }
}

.page-id-14696 .floating-window {
    z-index: 2;
}

.woocommerce-form__label input[type="checkbox"]:not(.switch):after {
    transform: initial !important;
}

/* === Source: 214-css-upload-cpt-images.php === */
.bulk-upload-container {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;
    position: relative;
}

.existing-images {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 5px;
    margin: 10px 0;
}

.bulk-upload-container span {
    font-size: 14px;
}

.bulk-upload-container a {
    text-decoration: underline;
}

.existing-image {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.existing-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: url(#rcle);
}

.existing-image:hover {
    transform: scale(1.02);
}

.existing-image .empty-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: #f9f9f9;
    color: #666;
    font-size: 12px;
}

.delete-btn {
    position: absolute;
    top: 5px;
    right: 8px;
    background: rgba(214, 54, 56, 0.9);
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    z-index: 1;
}

.existing-image:hover .delete-btn {
    opacity: 1;
}

#browseBtn {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

#browseBtn:hover {
    background-color: #0056b3;
}

.delete-btn:hover {
    background: rgba(214, 54, 56, 1);
    transform: scale(1.1);
}

.delete-btn .dashicons {
    font-size: 12px;
    width: 12px;
    height: 12px;
    line-height: 1;
}

.bulk-upload-zone {
    border: 2px dashed #ccc;
    padding: 25px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.bulk-upload-zone p {
    margin-bottom: 10px;
}

.bulk-upload-zone.dragover {
    background-color: #f0f8ff;
}

.bulk-upload-zone:hover {
    border-color: #007cba;
}

.progress-container {
    margin-top: 20px;
}

.progress-item {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

.progress-bar {
    width: 100%;
    height: 5px;
    background-color: #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 5px;
}

.progress-fill {
    height: 100%;
    background-color: #007cba;
    transition: width 0.3s ease;
    border-radius: 10px;
}

.status-text {
    margin-top: 5px;
    font-size: 14px;
    color: #00a32a;
}

.error-text {
    margin-top: 5px;
    font-size: 12px;
    color: #d63638;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.accordion {
    /* max-width: 400px; */
    margin: 0 auto;
}

.accordion input {
    display: none;
}

.accordion label {
    display: block;
    background: #0c53b7;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

#acc {
    display: none !important;
}

/* .accordion input:checked ~ .bulk-upload-container {
    padding: 10px;
} */

/* === Source: 159-thank-you-css.php === */
.thank-you-page {
    padding: 80px 20px;
    /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  min-height: 60vh;
  position: relative; */
}

.thank-you-container {
    max-width: 500px;
    margin: 0 auto;
    background: var(--jkd-bg-col-sec);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 48px 32px;
    text-align: center;
    border: 1px solid var(--jkd-b-col);
    animation: slideUp 0.8s ease-out;
}

.thank-you-container p {
    margin-bottom: 30px;
}

.success-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 32px;
    color: #10b981;
    animation: checkPop 0.6s ease-out 0.3s both;
}

.thank-you-container h1 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 25px;
    background: linear-gradient(135deg, #1f2937, #818a98);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.order-number {
    font-size: 18px;
    margin-bottom: 24px;
    color: #6b7280;
}

.highlight {
    color: #3b82f6;
    font-weight: 700;
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.confirmation-text {
    font-size: 16px;
    color: #4b5563;
    line-height: 1.6;
    margin-bottom: 32px;
}

.action-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

/* .btn {
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  min-width: 140px;
}

.btn-primary {
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: white;
  box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);
}

.btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(59, 130, 246, 0.4);
}

.btn-secondary {
  background: rgba(255, 255, 255, 0.8);
  color: #374151;
  border: 2px solid rgba(107, 114, 128, 0.2);
}

.btn-secondary:hover {
  background: white;
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
} */

/* Animations */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes checkPop {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Admin Testing Panel */
.admin-test-panel {
    margin-top: 40px;
    padding: 24px;
    background: rgba(59, 130, 246, 0.1);
    border: 2px dashed #3b82f6;
    border-radius: 12px;
    text-align: left;
}

.admin-test-panel h3 {
    color: #3b82f6;
    font-size: 18px;
    margin-bottom: 12px;
}

.admin-test-panel p {
    margin-bottom: 8px;
    font-size: 14px;
    color: #4b5563;
}

.admin-test-panel code {
    background: rgba(59, 130, 246, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    color: #3b82f6;
}

/* === Source: 37-tabs-css.php === */
/* Dark Mode Active Tab Styling */
[data-color-scheme="dark"] .dark-mode-tab.su-tabs-current {
    background-color: #222 !important;
    /* Darker shade for active tab */
    color: #fff !important;
    /* Text color for active tab */
}

/* General Dark Mode Tab Styling */
[data-color-scheme="dark"] .dark-mode-tab {
    background-color: #222 !important;
    color: white !important;
}

.su-tabs-mobile-stack .su-tabs-nav span {
    display: inline-block !important;
    /* Use inline-block for better layout */
}

.su-tabs-pane {
    transition: all 0.7s cubic-bezier(0.92, 0.01, 0.58, 1);
    transform: translateY(-200px);
    font-size: inherit;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

.su-tabs-nav span {
    font-size: inherit;
    margin-left: 0px !important
}

.su-tabs-nav {
    display: flex;
    /* Use flexbox layout */
    justify-content: space-between;
    /* Distribute tabs evenly */
}

.su-tabs-nav .su-tab {
    flex: 1;
    /* Each tab takes equal space */
    text-align: center;
    /* Center the text inside the tabs */
    padding: 10px;
    /* Add padding for better spacing */
    box-sizing: border-box;
    /* Include padding in the width calculation */
}

.su-tabs-nav span:last-child {
    margin-left: 0 !important;
}

.su-tabs-pane {
    font-size: inherit !important;
}

.su-tabs-nav {
    display: flex;
    justify-content: space-between;
    /* Distribute tabs across the row */
}

.su-tabs-nav span {
    flex: 1;
    /* Makes each tab take equal space */
    text-align: center;
    margin-right: 0;
    /* Removes default margin */
    padding: 10px 0;
    /* Adjust padding for better fit */
}

.su-tabs-nav span {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.su-tabs {
    padding: 2px !important;
    border-radius: 5px !important;
    background: #97d8f6 !important
}

/* Light mode hover */
[data-color-scheme="light"] .su-tabs-nav span:hover {
    background: #FFF !important;
}

/* Dark mode hover */
[data-color-scheme="dark"] .su-tabs-nav span:hover {
    background: #222 !important;
    /* Adjust to a darker shade for dark mode */
}

.su-tabs-nav span {
    margin-left: 1px !important;
}

.su-tabs-pane.su-tabs-pane-open {
    transform: translateY(0);
    max-height: 1000px;
    min-height: 300px;
    opacity: 1;
}

/* Override Shortcode Ultimate's default display:none */
.su-tabs-pane:not(.su-tabs-pane-open) {
    transform: translateY(100px);
    display: block !important;
}

.centered-tab {
    display: flex;
    align-items: center;
    justify-content: center;
}

.su-members {
    font-style: oblique;
}

[data-color-scheme="dark"] .su-tabs-mobile-stack .su-tabs-nav span:not(.su-tabs-current) {
    background-color: #3899d2 !important;
}

/* Cal Main Tab */
@media only screen {
    [class*=su-column]+[class*=su-column]:last-child {
        float: right !important;
    }
}

.su-row .su-column {
    margin: 0 !important;
}

/* === Source: 22-place-holder-color-and.php === */
body .select2-selection:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body input[type=email]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body input[type=password]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body input[type=search]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body input[type=tel]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body input[type=text]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body input[type=url]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder,
body select:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input)::-webkit-input-placeholder {
    color: #CCC !important;
    font-size: 12px !important;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

body .select2-selection:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body input[type=email]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body input[type=password]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body input[type=search]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body input[type=tel]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body input[type=text]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body input[type=url]:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder,
body select:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input):focus::placeholder {
    color: #dddde2bf !important;
    opacity: 50 !important
}

#lwp_activate.ajax-auth input.lwp_scode,
#lwp_activate_email.ajax-auth input.lwp_scode,
#lwp_login.ajax-auth input.lwp_username {
    border: 2px solid #dadaea !important;
    border-radius: 5px;
    height: 40px
}

#lwp_activate.ajax-auth input.lwp_scode,
#lwp_activate_email.ajax-auth input.lwp_scode {
    text-align: center !important;
}



/* === Source: 39-header-new-design.php === */
#reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 4px;
    background-color: #3498db;
    z-index: 9999;
    transition: width 0.2s ease;
}

/* Target your cart when body has empty-cart class */
body.empty-cart .cart-item {
    display: none;
}

/* Hide the cart count when empty */
body.empty-cart .cart-count {
    display: none !important;
}

/* Or disable the entire cart link when empty */
body.empty-cart .cart-item {
    pointer-events: none;
    filter: grayscale(100%);
}

/* #nav-mob .nav-in {
    background: linear-gradient(135deg, #97d8f7 10px, #ebf7fe 70%);
} */

@media (max-width: 1200px) {
    body:not(.nav-off) .main-wrp {
        padding-top: calc(var(--jkd-nav-h) + var(--jkd-t-ban-h)) !important;
    }
}

#nav-mob .nav-in {
    background: linear-gradient(135deg, #cbebfb 0px, #ebf7fe 70%);
}

.schm-swtch-smp input:before {
    content: "\eaf8" !important;
    color: white;
    background-color: #99d9f8;
    /* Background color for the icon */
}

.schm-swtch-smp input.trigger-shake:before {
    animation: strongShake 1.4s ease-in-out forwards;
}

body[data-color-scheme="dark"] #nav-mob .nav-in {
    background: linear-gradient(135deg, #0071a6 100px, #33c1ff 100%);
}

#nav-mob {
    border-radius: 20px;
}

#nav-mob.anim-show {
    transition: all 0.7s cubic-bezier(0.92, 0.01, 0.58, 1);
}

.nav .a-itm.active .a-in,
.nav .a-itm:hover:not(.hvr-off) .a-in {
    color: rgb(0, 115, 235);
}

/* Dark mode styles - these should come AFTER light mode styles */
body[data-color-scheme="dark"] .nav .a-itm.active .a-in,
body[data-color-scheme="dark"] .nav .a-itm:hover:not(.hvr-off) .a-in,
body[data-color-scheme="dark"] #nav-mob .nav .a-itm.active .a-in,
body[data-color-scheme="dark"] #nav-mob .nav .a-itm:hover:not(.hvr-off) .a-in {
    color: rgb(112, 243, 203) !important;
}

@keyframes strongShake {

    0%,
    100% {
        transform: translateX(0);
    }

    5% {
        transform: translateX(-2px);
    }

    10% {
        transform: translateX(2px);
    }

    15% {
        transform: translateX(-2px);
    }

    20% {
        transform: translateX(2px);
    }

    25% {
        transform: translateX(-3px);
    }

    30% {
        transform: translateX(3px);
    }

    35% {
        transform: translateX(-2px);
    }

    40% {
        transform: translateX(2px);
    }

    45% {
        transform: translateX(-3px);
    }

    50% {
        transform: translateX(3px);
    }

    55% {
        transform: translateX(-2px);
    }

    60% {
        transform: translateX(2px);
    }

    65% {
        transform: translateX(-2px);
    }

    70% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    80% {
        transform: translateX(2px);
    }

    85% {
        transform: translateX(-1px);
    }

    90% {
        transform: translateX(1px);
    }

    95% {
        transform: translateX(0);
    }

    /* Final hold */
}

#nav-mob .ti.ti-apps.act-ic {
    color: #2771a6;
}

[data-color-scheme="dark"] #nav-mob .ti.ti-apps.act-ic {
    color: #ffffff !important;
}

/* === Source: 14-move-dot-checkbox-on.php === */
/* #fluentform_18 input[type="checkbox"]::before,
#fluentform_34 input[type="checkbox"]::before,
#fluentform_4 input[type="checkbox"]::before,
#fluentform_34 input[type="checkbox"]::after,
#fluentform_4 input[type="checkbox"]::after {
    left: -4px !important;
    bottom: 3px
} */

/* #fluentform_18 input[type="checkbox"]::after {
    left: -3px !important;
    bottom: 8px;
    font-size: 18px !important;
} */

.learn-boxes span {
    padding: 7px 8px !important;
    border: 1px solid !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    margin-right: 5px !important;
    margin-bottom: 0px !important
}

.learn-boxes input {
    display: none !important
}

.floating-guard {
    text-align: right;
}

.reg-right {
    margin-right: -5px;
}

.reg-right span {
    margin-right: 3px;
}

.page-id-14696 .floating-content {
    width: 100% !important;
    margin: 0;
}

.learn-options {
    margin-bottom: 0px !important;
}

.learn-options span {
    padding: 4px !important;
    margin-left: 2px !important;
    border: none !important;
    margin-right: 0px !important
}

.learn-boxes .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
    display: block !important;
    border: 1px solid var(--uv-col) !important;
    width: auto !important;
}

/* .learn-boxes .ff-el-group.ff_list_buttons .ff-el-form-check input {
    display: block !important;
} */

.page-id-14696 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input {
    display: block !important;
}

.page-id-14696 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check input span {
    margin-right: 4px;
}

.namandfam input {
    font-size: 14px
}

.page-id-14696::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

.page-id-14696 .floating-window {
    background-color: #b6faff;
}

.page-id-14696 .fluentform .ff-el-tc {
    margin: auto !important;
}

.page-id-14696 .fluentform .ff-el-tc p {
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.fluentform input[type="checkbox"],
.fluentform input[type="radio"] {
    display: inline-block !important;
}

@media only screen and (max-width: 768px) {

    .page-id-14696 .ff-el-input--content .ff-el-form-check,
    .page-id-14696 .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
        display: inline-flex !important;
        align-items: center;
        margin-right: 5px !important;
    }

    .page-id-14696 .fluentform .ff-el-group {
        margin-bottom: 10px !important;
    }
}

.page-id-14696 .floating-window {
    z-index: 2;
}

.woocommerce-form__label input[type="checkbox"]:not(.switch):after {
    transform: initial !important;
}

/* === Source: 63-css-on-d790d799d79ed795d7aa.php === */
/* form.ajax-auth {
    font-size: 14px !important;
} */

.submit_button.auth_secCode {
    background-color: #113bb6 !important;
    border: none !important;
    color: #FFF;
}

form.ajax-auth {
    background-color: #cefcff;
    color: inherit;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    padding: 10px 25px 20px;
    width: 300px;
}

.ajax-auth button {
    color: rgba(1, 60, 117, 1);
}

.ajax-auth label {
    margin-bottom: 5px
}

.ajax-auth button:hover {
    background-color: rgba(214, 216, 230, 1);
    border-color: #1a7efb;
    color: #1a7efb;
}

.nav-ovrl {
    z-index: 9999;
}

[data-color-scheme="dark"] .ajax-auth {
    background-color: #1b4f8d !important;
}

/* rgb(151 216 246) */

.lh1 .favicon-image {
    margin: 0 auto !important;
    /* Center the image horizontally */
    margin-bottom: 10px !important;
    /* Adjust spacing as needed */
}

button.submit_button.auth_phoneNumber {
    background-color: rgb(151 216 246) !important;
    border: none !important;
}

.lh1 .favicon-image {
    background-color: transparent !important;
    border-radius: 50% !important;
    /* Ensures the image is round */
}

#lwp_login.ajax-auth input.lwp_username {
    border: 1px solid #dadaea !important;
    border-radius: 5px;
    height: 50px;
}

.iti__flag-container {
    padding-left: 10px;
}

.iti--allow-dropdown input[type=tel] {
    padding-right: 40px;
    padding-left: 80px !important;
}

.submit_button.auth_phoneNumber {
    padding: 12px
}

.accept_terms_and_conditions {
    display: flex;
    align-items: center;
}

.accept_terms_and_conditions_text {
    margin-right: 5px;
}

#lwp_activate.ajax-auth input.lwp_scode,
#lwp_login.ajax-auth input.lwp_username {
    border: 1px solid #dadaea !important;
    border-radius: 5px;
    height: 52px;
    font-size: 20px
}

.submit_button.lwp_didnt_r_c.firebase {
    color: #FFF
}

.ajax-auth .lh1 {
    line-height: 1 !important;
    margin: 25px !important;
    font-style: italic !important;
}

/* .ajax-auth .lh1::after {
    content: "מורשים בלבד - לא ניתן להירשם!";
    display: inline-block;
    font-weight: 600;
    color: #FF0000;
    font-size: 15px;
} */

.page-id-17134 .custom-overlay {
    background: url('https://media.sealevel.co.il/2023/06/13123238/yacht057-e1727021007178-1.jpg') top center / cover no-repeat;
    z-index: 9;
    opacity: 1;
}

.page-id-17134 .custom-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.page-id-17134[data-color-scheme="dark"] .custom-overlay::after {
    background-color: rgba(0, 0, 0, 0.5);
}

/* === Source: 223-countdown-css.php === */
/* Delayed Booking Container */
.delayed-booking-container {
    position: relative;
}

/* Syncing Message */
.syncing-message {
    text-align: center;
    font-size: 18px;
    color: #333;
    font-family: Arial, sans-serif;
    line-height: 1.4;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Countdown Timer */
.countdown-timer {
    font-weight: bold;
    color: #007cba;
    font-size: 20px;
    margin: 0 5px;
    display: inline-block;
    min-width: 20px;
    text-align: center;
}

/* Loading Spinner Container */
.loading-spinner {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Spinner SVG */
.spinner-svg {
    width: 24px;
    height: 24px;
    display: block;
}

/* Spinner Circle */
.spinner-circle {
    stroke: #007cba;
    stroke-width: 8;
    fill: none;
    stroke-dasharray: 62.8;
    stroke-linecap: round;
    transform-origin: center;
    animation: spin 1s linear infinite;
}

/* Spinner Animation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 480px) {
    .delayed-booking-container {
        padding: 15px;
        max-width: 100%;
    }

    .syncing-message {
        font-size: 16px;
        padding: 12px;
    }

    .countdown-timer {
        font-size: 18px;
    }

    .loading-spinner {
        margin-top: 12px;
    }

    .spinner-svg {
        width: 20px;
        height: 20px;
    }
}

/* RTL Support (for Hebrew text) */
.delayed-booking-container[dir="rtl"],
.delayed-booking-container.rtl {
    direction: rtl;
    text-align: right;
}

.delayed-booking-container[dir="rtl"] .syncing-message,
.delayed-booking-container.rtl .syncing-message {
    text-align: center;
    /* Keep center alignment for this message */
}

/* Accessibility */
.loading-spinner {
    role: status;
    aria-label: "Loading";
}

/* Optional: Fade-in animation for the container */
.delayed-booking-container {
    opacity: 0;
    animation: fadeIn 0.3s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Optional: Pulsing effect for countdown */
.countdown-timer {
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

/* === Source: 80-toggle-checkbox-private-public.php === */
.toggle-wrapper {
    /* display: flex; */
    /* justify-content: left; */
    margin-left: 20px;
    /* align-items: center; */
    position: relative;
    /* border-radius: .5em; */
    /* padding: .125em; */
    margin-bottom: -10px;
}

.owner-wrapper {
    font-size: 20px;
    margin-left: 20px;
    text-align: center;
    position: relative;
    margin-bottom: -8px;
    line-height: 1.2;
}

.toggle-checkbox {
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 1;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    right: 20px;
    opacity: 0;
    cursor: pointer;
}

.toggle-wrapper input.toggle-checkbox[type="checkbox"]:not(.switch)::before {
    content: "";
    top: 0 !important;
    right: -20px !important;
    width: 52px !important;
    height: 25px !important;
}

.toggle-wrapper input.toggle-checkbox[type="checkbox"]:not(.switch)::after {
    content: "";
    top: 10px;
    right: -14px;
    height: 20px !important;
}

.toggle-container {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: .375em;
    width: 2.5em;
    /* Make the toggle narrower */
    height: 25px;
    background-color: #d6daf6;
    box-shadow: inset 0 0 .0625em .125em rgb(255 255 255 / .2), inset 0 .0625em .125em rgb(0 0 0 / .4);
    transition: background-color .4s linear;
    pointer-events: none;
    /* Disable pointer events on the container */
}

[data-color-scheme="dark"] .toggle-container {
    border: solid 1px;
}

.toggle-checkbox:checked+.toggle-container {
    background-color: rgb(9 24 147);
}

.toggle-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: .0625em;
    top: 0.9px;
    border-radius: .3125em;
    width: 1.25em;
    /* Adjust the width of the toggle button */
    height: 22px;
    background-color: #9ea4db;
    box-shadow: inset 0 -.0625em .0625em .125em rgb(0 0 0 / .1), inset 0 -.125em .0625em rgb(0 0 0 / .2), inset 0 .1875em .0625em rgb(255 255 255 / .3), 0 .125em .125em rgb(0 0 0 / .5);
    transition: left .03s linear;
    pointer-events: auto;
    /* Enable pointer events only on the button */
}

.toggle-checkbox:checked+.toggle-container .toggle-button {
    left: 1.25em;
    /* Adjust the distance the button moves */
}

input[type="checkbox"]:not(.switch):disabled {
    opacity: 0 !important;
}

.private-button {
    font-size: 11px;
    text-align: center;
    margin-top: 1px;
}

.single-listings input[type="checkbox"]:not(.switch) {
    position: absolute !important;
}

/* === Source: 181-a-new-set-of.php === */
.products .product .product-info .price-wrp {
    display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price {
    display: none;
}


/* Order Tracking Page Info Section */
.page-id-8324 .order-info {
    border: 1px solid currentColor;
}

.page-id-8324 .order-info mark {
    font-style: oblique;
    padding-left: 0 !important;
    font-weight: 700;
    font-style: oblique;
    font-size: 1.1em;
}

.page-id-8324 .order-number {
    letter-spacing: 0.025em;
}

.page-id-8324 .order-status {
    font-size: 0.9em;
    letter-spacing: 0.05em;
    font-weight: 800;
}

.page-id-8324 .woocommerce-order-details {
    margin-top: 2rem;
}

.page-id-8324 .woocommerce-order-details__title {
    font-size: 1.5rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid currentColor;
}


.page-id-8324 .woocommerce-table thead th {
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    padding: 1rem 0.75rem;
    border-bottom: 2px solid currentColor;
    border-opacity: 0.2;
    text-align: right;
}


.page-id-8324 .woocommerce-table tbody td {
    padding: 1rem 0.75rem;
    border-bottom: 1px solid currentColor;
    border-opacity: 0.1;
    vertical-align: top;
}

.page-id-8324 .woocommerce-table tfoot tr:last-child th,
.page-id-8324 .woocommerce-table tfoot tr:last-child td {
    font-size: 1.25rem;
    font-weight: 800;
    border-top: 2px solid currentColor;
    border-opacity: 0.3;
    padding-top: 1.25rem;
}

.page-id-8324 .woocommerce table.shop_table {
    border: none;
}

.page-id-8324 .order-info {
    font-size: 1.125rem;
    font-weight: 400;
    padding: 1.25rem;
    border-radius: 8px;
}

/* Responsive Design */
@media (max-width: 640px) {
    .page-id-8324 .woocommerce {
        padding: 1rem;
    }

    .page-id-8324 .order-info {
        font-size: 1rem;
        padding: 1rem;
    }

    .page-id-8324 .order-info mark {
        font-size: 1.05em;
    }

    .page-id-8324 .woocommerce-order-details__title {
        font-size: 1.25rem;
    }

    .page-id-8324 .woocommerce-table {
        font-size: 0.9rem;
    }

    .page-id-8324 .woocommerce-table thead th,
    .page-id-8324 .woocommerce-table tbody td,
    .page-id-8324 .woocommerce-table tfoot th,
    .page-id-8324 .woocommerce-table tfoot td {
        padding: 0.75rem 0.5rem;
    }

    .page-id-8324 .woocommerce-table tfoot tr:last-child th,
    .page-id-8324 .woocommerce-table tfoot tr:last-child td {
        font-size: 1.1rem;
    }
}

/* === Source: 40-posts-shadow-and-bookmarks.php === */
.ai-link-container {
    align-self: end;
}

@media (max-width: 576px) {
    .ai-link-container {
        align-self: center;
    }
}

.ai-link {
    text-align: center;
    margin: 10px;
    border-radius: 12px 0 12px;
    padding: 2px;
    border: solid 2px #0c53b7;
    width: fit-content;
}

.ai-link-wrapper {
    display: inline-block;
    text-decoration: none;
    text-align: center;
}

.ai-image {
    width: 150px;
    height: 150px;
    border-radius: 10px 0 0 0;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
}

.ai-link .jkd-button {
    margin: 2px;
    width: 150px;
    border-radius: 10px 0 10px !important;
    background-color: #0c53b7 !important;
    pointer-events: none;
}

/* .posts-grid-type-4 .in-wrp {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
} */
.posts-grid-type-6 .in-wrp {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* @media (min-width: 576px) {
    .post-article,
    .post-article-2 {
        box-shadow: -4px 2px 6px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }
} */

.posts-packery-type-3 .right-side .cont-wrp {
    padding-left: 20px;
}

.btn--action.sz-md {
    background-color: #FFF;
    margin: 0 0 10px;
}

.posts-grid-type-6 .in-wrp {
    min-height: 205px !important;
}

@media (max-width: 576px) {
    .posts-grid-type-6 .p-hdr {
        height: 150px;
    }
}

@media (max-width: 576px) {
    .posts-grid-type-6 .post-body {
        padding: 0-20px;
    }
}

.btn-link-container {
    display: flex;
    align-items: center;
}

/* .btn-link-container .btn-bk, 
.btn-link-container .cat-lb {
  margin-right: 10px;
}
 */

.posts-grid-type-6 .inner-content .cat-lb {
    margin: 0px 10px 8px;
}

.btn--action span {
    color: var(--jkd-pr-col) !important;
}

.empty-message .ti.ti-bookmark.act-ic {
    color: var(--jkd-pr-col) !important;
    position: relative;
    top: 1px;
}

@media(max-width:576px) {
    .posts-grid-type-1 .p-hdr:after {
        opacity: 0;
    }
}

.bookmarks-page.archive-wrp.now {
    padding-top: 0 !important;
}

.bookmarks-page .jkd-c .posts-grid-wrp {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.tinv-wishlist .cart-empty {
    max-width: 310px !important;
    !i;
    !;
    margin: auto;
    text-align: center
}

.b-r {
    border-radius: 25px 25px 0 0;
}

@media(max-width:720px) {
    .b-r {
        border-radius: 10px 10px 0 0;
    }
}

/* .b-r {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
} */

/* === Source: 57-nav-menu-items-side.php === */
#menu-navigation-menu-1 {
    flex-direction: row;
    flex-wrap: wrap;
}

#menu-navigation-menu-1 .menu-item {
    width: 145px;
}

#menu-navigation-menu-1 .menu-item-9671,
#menu-navigation-menu-1 .menu-item-8111,
#menu-navigation-menu-1 .menu-item-9672 {
    width: 100%;
}

.nav-ovrl .cat-link {
    height: 32px !important;
    padding: 0px !important
}


#menu-navigation-menu-1 .menu-item-14298,
#menu-navigation-menu-1 .menu-item-16839 {
    display: inline-block;
    margin: 0 5px;
}

/* Login Link On Mobile Nav Menu */
#menu-navigation-menu-1 .menu-item-17214 {
    display: inline-flex;
    border-radius: 20px;
    border: solid 1px #FFF;
    padding: 5px 5px;
    margin: 0 auto;
    justify-content: center;
}

#menu-navigation-menu-1 .menu-item-17214 a {
    display: inline-flex;
    align-items: center;
    border-radius: inherit;
    width: 100%;
    padding: inherit;
    text-decoration: none;
    color: white;
}

#menu-navigation-menu-1 .menu-item-17214 a::before {
    content: '\ef68';
    font-family: 'tabler-icons';
    font-size: 22px;
    color: #FFF;
    margin-left: 7px;
}

/* Styles for the popup */
.popup-overlay {
    display: none;
    /* Hidden by default */
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    /* Full viewport width */
    height: 100vh;
    /* Full viewport height */
    background: rgba(0, 0, 0, 0.5);
    /* Semi-transparent black background */
    z-index: 999;
    /* Just below the popup */
}

/* Popup styling */
.popup {
    visibility: hidden;
    /* Hidden by default */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    /* Slightly smaller on load */
    padding: 5px;
    border: solid #FFF;
    border-radius: 8px;
    z-index: 1000;
    /* Above the overlay */
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    /* Smooth transition */
}

/* Close button styling */
.popup-close {
    position: absolute;
    top: 0px;
    right: 10px;
    text-decoration: none;
    font-size: 30px;
    color: #000;
}

/* Show the popup and overlay when the target is active */
.popup:target,
.popup:target+.popup-overlay {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    /* Grow to normal size */
}

/* === Source: 111-final-clear-css.php === */
.nav-menu {
    display: none;
    /* Start hidden */
    /* background: var(--jkd-bg-col-sec);
    border-radius: 8px;
    box-shadow: 2px 3px 10px 0 rgba(81, 81, 81, 0.1);
    border: 1px solid var(--jkd-h-col); */
    padding-top: 18px;
    z-index: 1000;
    transform: scale(0.6);
    /* Adjust this value to scale down or up */
    /* transform-origin: center; */
    width: 440px;
    height: 440px;
    background-color: #0c53b7;
    /* background-color: var(--jkd-bg-col); */
    clip-path: path("M220,349.21669276009885C271.95154747248125,354.08172494726426,334.83997908332015,408.47369637328563,369.24129824421703,369.2412982442171C404.31160581586903,329.24596368379486,341.4331266765199,272.5688682833601,333.3049443965068,220C327.5151466554935,182.55459039310134,354.46030536458494,139.0341874762271,329.2703123536177,110.72968764638227C303.75657881880204,82.06141980762244,257.99852180715993,98.06485575570166,220,92.68595993674052C169.76412921494054,85.57480133170465,114.37906203687291,43.0824669490218,74.69287799883499,74.69287799883494C35.111004619106666,106.22020464872483,56.10509551741199,169.5593927645445,60.15998980163462,219.99999999999997C63.73805803566277,264.5091590073041,61.59188574079478,315.6110203970153,96.31686537498948,343.68313462501044C129.68019507336044,370.6544737643042,177.2850798926414,345.2166297917229,220,349.21669276009885");
    opacity: 0;
    /* Start with no opacity */
    transition: max-height 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}

@media(max-width:576px) {
    .nav-menu {
        width: 425px;
    }
}

.nav-menu.show {
    opacity: 1;
    /* Fade in */
    max-height: none !important;
}

.nav-menu ul a:hover {
    /* color: #000; */
}

.close-button {
    position: absolute;
    top: 80px;
    left: 80px;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    border: solid 2px;
    border-radius: 50%;
    padding: 1px 9px;
    color: #FFF;
}

.close-button:hover {
    color: #b0c4de;
}

.nav-menu ul a {
    font-size: 35px;
    margin-right: 125px;
    /* color: var(--jkd-h-col); */
    color: #FFF;
}

.nav-menu ul {
    margin-top: 95px;
    line-height: 1.6;
}

/* === Source: 72-css.php === */
/* .dropdown-filter:nth-child(1) { order: 4; }
.dropdown-filter:nth-child(2) { order: 1; }
.dropdown-filter:nth-child(3) { order: 3; }
.dropdown-filter:nth-child(4) { order: 2; } */

.filter-entry {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

/* .dropdown-filter:nth-child(1) { order: 4; }
.dropdown-filter:nth-child(2) { order: 1; }
.dropdown-filter:nth-child(3) { order: 3; }
.dropdown-filter:nth-child(4) { order: 2; } */

.filter-entry {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.dropdown-filter {
    flex: 0 1 calc(33.33% - 10px);
    box-sizing: border-box;
}

.dropdown-filter:nth-child(1) {
    order: 2;

}

.dropdown-filter:nth-child(2) {
    order: 1;

}

.dropdown-filter:nth-child(3) {
    order: 5;
    /* flex: 0 1 calc(30% - 10px); */
}

.dropdown-filter:nth-child(4) {
    order: 3;
}

.dropdown-filter:nth-child(5) {
    order: 4;
    /* flex: 0 1 calc(30% - 10px); */
}

.ymc-smart-filter-container .filter-layout5 .dropdown-filter:nth-child(6) {
    order: 6;
    /* flex: 0 1 calc(40% - 10px);
    max-width: none !important; */
}

@media (max-width: 600px) and (min-width: 380px) {
    .filter-entry {
        gap: 10px !important;
    }

    .dropdown-filter {
        flex: 0 1 calc(50% - 5px) !important;
        box-sizing: border-box;
    }

    /* .ymc-smart-filter-container .filter-layout5 .dropdown-filter:nth-child(6) {
      flex: 0 1 calc(100% - 160px) !important;
      margin-left: 0 !important;
    } */

    /* .dropdown-filter:nth-child(3) {
    flex: 0 1 150px !important;
  } */
}

/* For screens 375px and below */
@media (max-width: 379px) {
    .dropdown-filter {
        flex: 0 1 100% !important;
        /* Stack all items vertically */
    }

    .ymc-smart-filter-container .filter-layout5 .dropdown-filter:nth-child(6) {
        flex: 0 1 100% !important;
        /* Force it to take full width */
    }

    .ymc-smart-filter-container .filter-layout5 .dropdown-filter:nth-child(5) {
        flex: 0 1 calc(50% - 10px) !important;
        margin-left: 0 !important;
    }

    .ymc-smart-filter-container .filter-layout5 .dropdown-filter:nth-child(3) {
        flex: 0 1 calc(50% - 5px) !important;
        /* Force it to take full width */
    }
}

/* === Source: 51-goto-css.php === */
#drawerButton {
    position: fixed;
    right: 0;
    top: 75%;
    height: 70px;
    border-radius: 10px 0 0 10px;
    transform: translateY(-50%);
    padding: 10px;
    background-color: #71d1ffde;
    color: white;
    font-size: 14px;
    border: none;
    cursor: pointer;
    z-index: 1000;
    transition: right 1.0s ease;
    display: none !important;
    /* Hidden by default, shown only on desktop */
}

[data-color-scheme=dark] #drawerButton {
    background: #2771a6d4;
}

#drawerBox {
    position: fixed;
    right: -120px;
    top: 75%;
    transform: translateY(-50%);
    width: 83px;
    height: 84px;
    background-color: #121212;
    padding: 10px;
    z-index: 9999;
    border-radius: 8px 0 0 8px;
    transition: right 1.0s ease-in-out;
    display: none !important;
    /* Hidden by default, shown only on desktop */
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wpkqcg_qrcode_wrapper img {
    border-radius: 8px 0 0 8px;
}

[data-color-scheme=dark] .wpkqcg_qrcode_wrapper img {
    border: solid 1px #FFF;
    border-right: none;
}

.menu-image-wrapper .wpkqcg_qrcode_wrapper img {
    border: none !important;
    ;
}

#drawerBox.open {
    right: 0;
}

#drawerButton.open {
    right: 87px;
}

@media (min-width: 768px) {
    #drawerButton {
        display: block !important;
        /* Show the button on desktop */
    }

    #drawerBox {
        display: flex !important;
        /* Show the drawer on desktop */
    }
}

/* Nav Mobile Logo Gap */
@media only screen and (max-width:576px) {
    #m-wrp .mb-30-sm {
        margin-bottom: 15px !important;
    }
}

#m-wrp .mb-50 {
    margin-bottom: 15px !important;
}

.en-link {
    text-align: center
}

@media only screen and (max-width:339px) {

    #menu-navigation-menu-1 .menu-item-14298,
    #menu-navigation-menu-1 .menu-item-16839 {
        display: inline-block;
        width: 125px !important;
        margin: 0 5px 5px 0 !important;
    }

    #menu-navigation-menu-1 .menu-item {
        margin: auto !important;
        margin-bottom: 20px !important;
    }
}

/* === Source: 13-fluentform-checkbox-inline-with.php === */
.fluentform input[type="checkbox"],
.fluentform input[type="radio"] {
    display: inline-block !important;
}

.fluentform_wrapper_18.ffs_default_wrap .ff-el-input--content .error,
.fluentform_wrapper_18.ffs_default_wrap .error-text,
.fluentform_wrapper_18.ffs_default_wrap .ff-message-success,
.fluentform_wrapper_18.ffs_default_wrap .ff-errors-in-stack {
    text-align: right !important;
    /* Changed to right alignment */
}

@media only screen and (max-width: 768px) {

    /* Ensure the form checkboxes and labels are displayed inline */
    .ff-el-input--content .ff-el-form-check,
    .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check {
        display: inline-flex !important;
        /* Ensures the checkbox and label are on the same line */
        align-items: center;
        /* Vertically align checkbox and label text */
        margin-right: 5px !important;
        /* Add space between checkboxes */
        margin-bottom: 10px;
        /* Add space between checkboxes */
    }

    /* Adjust spacing between checkbox and label text */
    .ff-el-form-check-label {
        display: flex;
        /* Ensure the label contents are flex-aligned */
        align-items: center;
        /* Align checkbox and label text vertically */
        white-space: nowrap;
        /* Prevent label text from wrapping */
    }

    /* Add space between checkbox and label */
    .ff-el-form-check-input {
        margin-right: 10px;
        /* Add space between checkbox and label */
    }

    /* Add padding to span elements in labels */
    /* .fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label > span {
        padding: 8px 10px !important; /* Add padding */
    */
}


.fluentform .ff-el-group {
    margin-bottom: 10px !important;
}
}

.ff-default .ff-el-form-control:focus {
    background-color: none !important;
}

/* .fluentform .hide_checkbox.ff-el-group.ff_list_buttons .ff-el-form-check label > span {
    padding: 4px 20px !important;
} */

/* === Source: 65-user-dashboard.php === */
.c-name {
    line-height: 1;
}

.c-name a {
    font-size: 14px;
    font-weight: 400;
    font-style: oblique;
}

.c-name span a::after {
    content: "\fb32";
    font-family: 'tabler-icons';
    /* position: absolute; */
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    /* margin-right: 5px; */
    animation: blink 1.5s steps(1) infinite;
}

.c-name span a {
    display: inline-block;
    vertical-align: middle;
}

@keyframes blink {
    75% {
        opacity: 0;
    }
}

.new-info-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

@media (max-width: 767px) {
    .new-info-item {
        gap: 10px;
    }
}

.info-item-box h3 {
    font-style: oblique;
    font-family: 'Open Sans', sans-serif !important;
}

.info-item-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 0 10px;
    text-align: center;
    border: solid 1px var(--jkd-b-col-sec);
    border-bottom: none;
    box-shadow: inset 0px 7px 7px rgba(0, 0, 0, 0.1);
    border-radius: 0 45px 0 0;
    min-height: 100px;
    position: relative;
    z-index: 1;
}

[data-color-scheme="dark"] .info-item-box {
    box-shadow: inset -5px 10px 8px rgba(255, 255, 255, 0.2);
}

.info-item-box::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: linear-gradient(to top, transparent 0%, var(--jkd-bg-col) 100%);
    opacity: 0.2;
    border-radius: 0 35px 0 0;
    pointer-events: none;
    z-index: -1;
}

.info-item-box .su-guests {
    margin-bottom: 0;
    text-indent: 0px
}

.info-item-box .su-guests .text1414 {
    text-indent: 0px
}

.info-grid.d-f.f-wrp {
    display: block !important;
    /* set it apart */
}

/* Login Message */
.info-item .su-guests {
    margin-bottom: 0;
}

.info-item .text1414 {
    margin: 2px 16px;
}

.su-guests .text1414 {
    margin: 2px 18px;
}

.su-guests .text1414 a {
    margin-right: 2px;
}

/* === Source: 123-floating-css-last-from.php === */
.custom-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    z-index: 999;
}

.custom-overlay.visible {
    opacity: 1;
    pointer-events: all;
}

/* Floating Window Base */
.floating-window {
    position: fixed;
    left: 50%;
    background-color: #cefcff;
    border: 1px solid #673ab736;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    z-index: 1000;
    width: 80%;
    max-width: 400px;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

[data-color-scheme="dark"] .floating-window {
    background-color: #1b4f8d;
}

.no-account-text {
    color: var(--jkd-h-col);
    font-size: 14px;
}

.floating-content {
    text-align: center;
    width: 80%;
    margin: 20px auto 0;
}

.custom-close-window {
    position: absolute;
    top: 10px;
    /* right: 10px; */
    background: none;
    border: none;
    font-size: 1.5em;
    color: black;
    cursor: pointer;
}

.custom-close-window:hover {
    color: black;
}

/* Mobile Style */
@media only screen and (max-width: 768px) {
    .floating-window {
        bottom: -100px;
        left: 50%;
        transform: translate(-50%, 100%);
        opacity: 0;
    }

    .floating-window.visible {
        bottom: 20px;
        transform: translate(-50%, 0);
        opacity: 1;
        pointer-events: all;
    }

    .floating-window.hidden {
        transform: translate(-50%, 100%);
        opacity: 0;
    }
}

/* Desktop Style */
@media only screen and (min-width: 769px) {
    .floating-window {
        top: 50%;
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }

    .floating-window.visible {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        pointer-events: all;
    }

    .floating-window.hidden {
        transform: translate(-50%, -50%) scale(0.5);
        opacity: 0;
    }
}

/* === Source: 42-faq-and-contact-us.php === */
.jkd-accordion .accordion-item.open .plus-icon {
    background-color: #3a96f3;
}

#.jkd-accordion .accordion-item {
    border: 1px solid #a0d6d169;
}

body select:not(.fcal_booking_form input):not(.adminbar-input):not(#a2apage_find):not(.wp-block-search__input) {
    border: 1px solid var(--fluentform-border-color);
    /* Contact Us Dep border */
}

.elementor-7315 .elementor-element.elementor-element-49a0edf.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
    background-color: var(--jkd-bg-col-sec);
    /* Contact Us Dep form BG */
    border: 1px solid #a0d6d169;
}

@media (max-width: 767px) {
    .elementor-7315 .elementor-element.elementor-element-49a0edf.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated {
        background-color: var(--jkd-bg-col-sec);
        border: 1px solid #a0d6d169;
        border-radius: 10px;
        padding: 20px;
        margin: 0 25px 0px 25px;
        /* Contact Us Shortcode on Mobile */
    }
}

.elementor-7315 .elementor-element.elementor-element-37de791,
.elementor-7315 .elementor-element.elementor-element-37de791>.elementor-background-overlay {
    border: 1px solid #a0d6d169;
}

.jkd-accordion .accordion-item {
    border: 1px solid #a0d6d169;
}

body[data-color-scheme="dark"] .jkd-accordion .accordion-item {
    border: none;
}

[data-color-scheme=dark] .simple-banner {
    background: #2771a6d4;
}

.post-template-default .su-spoiler-style-fancy {
    border: 1px solid var(--uv-col) !important;
}

/* === Source: 127-css-share-social.php === */
.share-icons-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
}

.fav-sh.fa-whatsapp,
.fav-sh.fa-facebook {
    font-weight: 500;
}

.share-icons-set i {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', sans-serif;
    font-weight: 900;
    cursor: pointer;
    line-height: 0;
    transition: transform 0.3s ease;
    flex: 1 1 45%;
    text-align: center;
}

.share-icons-set i:hover {
    transform: scale(1.1);
}

.fav-sh.fa-twitter::before {
    content: "𝕏";
    font-size: 1em;
}

.icon-3d {
    -webkit-animation: icon3d 200ms 10;
    animation: icon3d 200ms 10;
    color: #fff;

    &:hover {
        -webkit-animation: icon3d 200ms infinite;
        animation: icon3d 200ms infinite;
    }
}

@keyframes icon3d {
    0% {
        text-shadow: 5px 4px rgba(244, 67, 54, 1), -5px -6px rgba(33, 150, 243, 1);
    }

    25% {
        text-shadow: -5px -6px rgba(244, 67, 54, 1), 5px 4px rgba(33, 150, 243, 1);
    }

    50% {
        text-shadow: 5px -4px rgba(244, 67, 54, 1), -8px 4px rgba(33, 150, 243, 1);
    }

    75% {
        text-shadow: -8px -4px rgba(244, 67, 54, 1), -5px -4px rgba(33, 150, 243, 1);
    }

    100% {
        text-shadow: -5px 0 rgba(244, 67, 54, 1), 5px -4px rgba(33, 150, 243, 1);
    }
}

.share-icons-set i:nth-child(1) {
    transform: translateX(-110px) translateY(140px) skew(10deg);
}

.share-icons-set i:nth-child(2) {
    transform: translateX(-135px) translateY(145px) skew(10deg);
}

.share-icons-set i:nth-child(3) {
    transform: translateX(-90px) translateY(285px) skew(10deg);
}

.share-icons-set i:nth-child(4) {
    transform: translateX(-140px) translateY(265px) skew(10deg);
}

/* === Source: 184-new-corrected-for-tabs.php === */
.fluentform.ff-default.fluentform_wrapper_80.ffs_custom_wrap,
.fluentform.ff-default.fluentform_wrapper_81.ffs_custom_wrap,
.fluentform.ff-default.fluentform_wrapper_82.ffs_custom_wrap,
.fluentform.ff-default.fluentform_wrapper_83.ffs_custom_wrap {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
}

.fluentform.ff-default.fluentform_wrapper_40.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_42.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_43.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_44.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_46.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_47.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_48.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_57.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_58.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_59.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_75.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_77.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_78.ffs_default_wrap,
.fluentform.ff-default.fluentform_wrapper_79.ffs_default_wrap {
    width: 80%;
    max-width: 300px;
    margin: 0 auto;
}

#fluentform_80_success,
#fluentform_81_success,
#fluentform_82_success,
#fluentform_83_success,
#fluentform_52_success,
#fluentform_56_success,
#fluentform_63_success {
    text-align: right !important;
}

/* === Source: 132-move-pages-with-banner.php === */
.page-id-17905 {
    margin-top: 20px;
}

.page-id-17905 #nav-mob {
    margin-top: 18px;
}

.page-id-17905 #nav-def {
    margin-top: 32px;
}

.page-id-17905 #ct-mgm .btn--off,
.page-id-8794 #ct-mgm .btn--off {
    top: 45px;
}

#ct-mgm .btn--off,
#nav-srch .btn--off,
.nav-ovrl .btn--off,
.offcs-sb .btn--off {
    background-color: #3a96f3 !important;
    /* User Dashboard Close button */
}

.page-id-17905 .nav-ovrl .btn--off,
.page-id-8794 .nav-ovrl .btn--off {
    top: 40px !important;
}

@media (min-width: 768px) {
    .page-id-17905 {
        margin-top: 32px;
    }
}

.page-id-8794 {
    margin-top: 40px;
}

.page-id-8794 #nav-mob {
    margin-top: 18px;
}

.page-id-8794 #nav-def {
    margin-top: 32px;
}

@media (min-width: 768px) {
    .page-id-8794 {
        margin-top: 32px;
    }
}

/* Dashboard */
/* @media (max-width: 576px) {
    .page-id-17905 #ct-mgm.active,
    .page-id-8794 #ct-mgm.active {
        margin-top: 30px;
    }
} */

@media (min-width: 768px) and (max-width: 1200px) {

    .page-id-17905 #ct-mgm.active,
    .page-id-8794 #ct-mgm.active {
        margin-top: -32px;
    }
}

@media (min-width: 1201px) {

    .page-id-17905 #ct-mgm.active,
    .page-id-8794 #ct-mgm.active {
        margin-top: 30px;
    }
}

@media (min-width: 767px) {

    .page-id-17905 #nav-srch,
    .page-id-8794 #nav-srch {
        top: 80px !important;
    }
}

.page-id-17905 #nav-srch,
.page-id-8794 #nav-srch {
    top: 29px;
}

/* === Source: 121-css-of-target-page.php === */
.city-placeholder {
    visibility: hidden;
}

.city-dates {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0;
    margin: -10px;
}

/* Hide the entire Elementor widget when shortcode has no content */
.elementor-widget-shortcode:has(.city-date-wrp.empty-content) {
    display: none;
}

/* Alternative method for browsers that don't support :has */
.city-date-wrp.empty-content {
    display: none;
}

.setform-link {
    background-color: #0c53b7 !important;
    font-size: 14px !important;
    text-align: center;
    float: left;
    color: #FFF !important;
    padding: 8px 15px !important;
    border-radius: 12px 0 12px;
    outline: solid 1px #ffffff !important;
    outline-offset: -4px;
}

.date-box {
    font-size: 15px;
    background: var(--jkd-bg-col-sec) !important;
    padding: 15px 20px 15px;
    border: solid 1px var(--uv-col);
    border-radius: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

.date-title {
    font-size: 14px;
    font-weight: 600;
    margin: 10px;
    margin: 10px 10px 5px 0;
}

.no-content {
    background-color: #b72b0c !important;
    font-size: 14px !important;
    text-align: center;
    color: #FFF !important;
    padding: 8px 15px !important;
    border-radius: 12px 0 12px;
    outline: solid 1px #ffffff !important;
    outline-offset: -4px;
    margin: 20px 25px 0;
}

/* === Source: 177-waves-for-club-page.php === */
@media (max-width: 767px) {
    .img-club {
        display: none;
    }
}

.img-club .elementor-widget-container {
    position: relative;
    overflow: hidden;
}

.img-club .elementor-widget-container::before {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 0;
    width: 100%;
    height: 45px;
    animation: wave 4s ease-in-out infinite;
    background: #36b0b0;
    clip-path: polygon(0% 60%, 10% 40%, 20% 50%, 30% 30%, 40% 50%,
            50% 40%, 60% 50%, 70% 30%, 80% 50%, 90% 40%, 100% 60%);
}

.img-club .elementor-widget-container::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 100%;
    height: 37px;
    animation: wave-alt 3.2s ease-in-out infinite;
    background: #0c53b7;
    clip-path: polygon(0% 65%, 8% 45%, 18% 55%, 28% 35%, 38% 50%,
            48% 38%, 58% 52%, 68% 32%, 78% 48%, 88% 42%, 98% 58%, 100% 65%);
}

@keyframes wave {
    0% {
        transform: translateX(5%);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(5%);
    }
}

@keyframes wave-alt {
    0% {
        transform: translateX(-4%);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-4%);
    }
}

/* === Source: 17-set-namandfam-to-one.php === */
@media (max-width: 767px) {

    .ff-t-container.ff-column-container.namandfam,
    .ff-t-container.ff-column-container.pack_sale,
    .ff-t-container.ff-column-container.order_and_id,
    .ff-t-container.ff-column-container.os_browser,
    .ff-t-container.ff-column-container.cat_section {
        display: flex !important;
        /* Ensure the container is a flex container */
        flex-direction: row !important;
        /* Align children in a row */
        flex-wrap: nowrap !important;
        /* Prevent wrapping */
        gap: 15px;
    }

    .ff-t-container.ff-column-container.namandfam {
        gap: 5px !important;
    }

    .ff-t-container.ff-column-container.namandfam .ff-t-cell,
    .ff-t-container.ff-column-container.pack_sale .ff-t-cell,
    .ff-t-container.ff-column-container.order_and_id .ff-t-cell,
    .ff-t-container.ff-column-container.os_browser .ff-t-cell,
    .ff-t-container.ff-column-container.cat_section .ff-t-cell {
        flex: 1;
        /* Allow cells to grow equally */
        max-width: none;
        /* Remove any max-width constraints */
        margin: 0 !important;
        /* Remove margins to fit elements in one line */
    }
}

.ff-t-container.ff-column-container.namandfam {
    gap: 10px;
}

/* === Source: 67-new-bg-d79bd7a0d799d7a1d794.php === */
.elementor-17201 .elementor-element.elementor-element-626c1ea {
    --overlay-opacity: 1 !important;
}

[data-color-scheme="dark"] .elementor-17201 .elementor-element.elementor-element-626c1ea {
    --overlay-opacity: 0.5 !important;
}
}

.elementor-17201 .elementor-element.elementor-element-626c1ea::before,
.elementor-17201 .elementor-element.elementor-element-626c1ea>.elementor-background-video-container::before,
.elementor-17201 .elementor-element.elementor-element-626c1ea>.e-con-inner>.elementor-background-video-container::before,
.elementor-17201 .elementor-element.elementor-element-626c1ea>.elementor-background-slideshow::before,
.elementor-17201 .elementor-element.elementor-element-626c1ea>.e-con-inner>.elementor-background-slideshow::before,
.elementor-17201 .elementor-element.elementor-element-626c1ea>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
    background-attachment: fixed;
}

.page-id-17201 .fluentform .ff-el-group {
    margin-bottom: 10px !important;
}

/* === Source: 144-css-form-69.php === */
.new-ad-type {
    margin: auto;
    width: 60% !important;
    border: solid 1px var(--jkd-h-col);
    border-radius: 20px;
    background-color: var(--jkd-bg-col-sec);
    padding: 20px 30px 0px 50px;
    margin-bottom: 40px !important;
}

.page-id-18660 .ff-el-group.ff_list_buttons {
    position: relative;
}

.next-step-ad {
    text-align: center;
    top: 21%;
}

.connect-to-advertise {
    font-size: 14px;
    font-style: oblique;
}

.page-id-18660 .ff-el-group.ff_list_buttons .ff-el-form-check label>span {
    color: #1a395c;
    border: solid 1px !important;
    padding: 5px 15px !important;
}

.page-id-18660 .ff-el-input--label label {
    font-size: 16px;
    font-weight: 700;
    font-style: oblique;
}

@media (min-width: 550px) {
    .page-id-18660 .frm-fluent-form .ff-t-container {
        display: flex;
        gap: 15px;
        width: 100%
    }
}

.page-id-18660 .text-danger {
    margin-right: 30px
}

.page-id-18660 .text-danger:before {
    content: "*"
}

.page-id-18660 .ff-el-form-check-input {
    right: 5px;
}

/* === Source: 103-svg-css.php === */
[data-post-id="17835"] .page-header {
    width: 100%;
    background: radial-gradient(circle,
            rgb(10 60 202) 0%,
            #042e52 100%) !important;
}


[data-post-id="17835"] .page-header svg {
    position: absolute;
    top: 65%;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 1;
    pointer-events: none;
}

[data-post-id="17835"] .page-header.image:after {
    background-color: rgb(5 13 47 / 22%) !important;
}

[data-post-id="17905"] .page-header.image:after {
    background-color: rgb(5 13 47 / 22%) !important;
}

[data-post-id="18660"] .page-header {
    width: 100%;
    background: radial-gradient(circle,
            rgb(10 60 202) 0%,
            #042e52 100%) !important;
}


[data-post-id="18660"] .page-header svg {
    position: absolute;
    top: 65%;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 1;
    pointer-events: none;
}

[data-post-id="18660"] .page-header.image:after {
    background-color: rgb(5 13 47 / 22%) !important;
}

/* === Source: 131-css-for-banner.php === */
.wave-heights-banner {
    position: fixed;
    top: 0;
    width: 100%;
    background: #1a1a1a;
    z-index: 9999;
    overflow: hidden;
}

.wave-heights-content {
    /* Animation will be set by JavaScript for precise timing */
}

@media (min-width: 769px) {
    .wave-heights-content {
        /* Desktop timing will be calculated */
    }
}

@media (max-width: 769px) {
    .wave-heights-content {
        width: 250%;
        /* Mobile timing will be calculated */
    }
}

.marquee-wrapper {
    display: flex;
    white-space: nowrap;
}

.wave-item {
    align-items: center;
    margin-right: 20px;
}

.wave-item .label {
    color: #8e8e8e;
    font-size: 14px;
    transform: scaleX(0.9);
}

.wave-item span {
    transition: all 0.3s ease;
}

.wave-item:hover span {
    color: #fff !important;
}

.wave-item .value {
    color: #ffffff;
    font-size: 14px;
    transform: scaleX(0.8);
}

@keyframes scroll {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* === Source: 175-cognito-css-new.php === */
.delivery-method-selection {
    margin-bottom: 20px;
    padding: 15px;
    background: #f9f9f94d;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.delivery-method-selection h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
}

.delivery-options {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.delivery-option {
    flex: 1;
    position: relative;
}

.delivery-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.delivery-option label {
    display: block;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 500;
}

.delivery-option input[type="radio"]:checked+label {
    background: #0073aa;
    border-color: #0073aa;
}

.delivery-option label:hover {
    border-color: #0073aa;
}

.delivery-method-info {
    font-size: 12px;
    line-height: 1.4;
    color: var(--jkd-h-col);
}

/* === Source: 88-balloon-help.php === */
/* Balloon Help */
.help-container {
    position: relative;
    display: inline-block;
    direction: rtl;
    /* Ensures proper RTL layout */
}

.help-link {
    cursor: pointer;
    text-decoration: none;
    color: #4682B4;
    touch-action: manipulation;
}

.help-balloon {
    position: absolute;
    background-color: var(--jkd-bg-col-sec);
    border: 1px solid var(--jkd-h-col);
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    display: none;
    z-index: 1000;
    text-align: left;
}

/* Mobile-specific touch interaction */
.help-link:focus+.help-balloon,
.help-link:active+.help-balloon,
.help-link:hover+.help-balloon {
    display: block;
}

/* For touch devices where hover is unavailable */
@media (hover: none) {
    .help-link+.help-balloon {
        position: fixed;
        display: none;
    }

    .help-link:focus+.help-balloon,
    .help-link:active+.help-balloon {
        display: block;
    }
}

/* === Source: 34-disable-css-header-colors.php === */
<?php function add_inline_styles_for_specific_page() {
    if (is_page(17134)) {
        // Replace with your specific page ID
        echo '<style>
 // .page-wrp.pt-wrp {

        //     padding-top: 0 !important; /* Set padding-top to none */
        // }
        // .page-wrp {
        //     padding-bottom: 0 !important; /* Set padding-bottom to none */
        // }
        @media (max-width: 576px) {
            .cs-swtch {
                display: block;
                top: 40%;
                z-index: 99999 !important;
            }
        }

        @media (max-width: 767px) {
            .cs-swtch {
                display: block;
                top: 40%;
                z-index: 99999 !important;
            }
        }

        </style>';

    }
}

add_action('wp_head', 'add_inline_styles_for_specific_page');

/* === Source: 67-bg-transparent.php === */
body[data-color-scheme=dark] #ct-mgm,
body[data-color-scheme=dark] #nav-srch {
    --jkd-bg-col-sec: #00000099 !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    box-shadow: inset 0 -20px 60px rgba(255, 255, 255, 0.3);
    z-index: 9999;
}

#ct-mgm.active {
    --jkd-bg-col-sec: #ffffff73 !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: inset 0 -40px 60px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}

/* @media only screen and (min-width: 768px) {
    body[data-color-scheme=dark] #ct-mgm,
    body[data-color-scheme=dark] #nav-srch {
        --jkd-bg-col-sec: #00000099 !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        z-index: 9999;
    }
} */

/* === Source: 190-change-pass-waiting-css.php === */
.email-refresh-msg {
    position: relative;
    background: linear-gradient(to left, #5fa7ff, #033aef);
    overflow: hidden;
    padding: 5px 0;
    color: #FFF;
    font-style: italic;
    opacity: 0.8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    margin: 15px 0;
}

.email-refresh-msg span {
    display: inline-block;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1rem;
    animation: marquee-ltr 22s linear infinite;
    padding-right: 40%;
}

@keyframes marquee-ltr {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.email-refresh-msg:hover span {
    animation-play-state: paused;
}

.email-refresh-msg a {
    color: #FFE55C;
    text-decoration: underline;
    font-weight: bold;
}

.email-refresh-msg a:hover {
    color: #FFF;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}

/* === Source: 134-yambareshet-css-goto.php === */
@keyframes neonGlow {
    0% {
        text-shadow: 0 0 5px #ff0000, 0 0 10px #ff7300, 0 0 20px #ff0000;
    }

    50% {
        text-shadow: 0 0 10px #ff7300, 0 0 20px #ff0000, 0 0 30px #ff7300;
    }

    100% {
        text-shadow: 0 0 5px #ff0000, 0 0 10px #ff7300, 0 0 20px #ff0000;
    }
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.goto-yamba {
    font-style: oblique;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 3px;
    color: white;
    padding: 4px 20px 2px;
    border-radius: 10px;
    background: linear-gradient(90deg, #ff0000, #ff7300, #ff0000);
    background-size: 400% 400%;
    animation: gradientMove 3s infinite alternate, neonGlow 1.5s infinite alternate;
    transition: transform 0.3s ease;
}

/* === Source: 220-adsense-ads-css-on.php === */
#m-wrp .pl-60 {
    padding-right: 0 !important;
}

.sdb-enbl {
    gap: 20px;
    justify-content: center;
    max-width: 1240px;
    /* 300+20+680+20+200 */
    margin: 0 auto;
}

.sdb-enbl>.in-wrp {
    max-width: 680px !important;
    min-width: auto !important;
    width: auto;
}

.sdb-enbl .left-sidebar {
    max-width: 300px !important;
    width: 300px !important;
    min-width: 300px !important;
    margin-top: 60px;
}

.sdb-enbl .right-sidebar {
    max-width: 200px !important;
    width: 200px !important;
    min-width: 200px !important;
    margin-top: 60px;
}

@media (max-width: 1000px) {
    .desktop-only {
        display: none;
    }
}

@media (max-width: 1320px) {
    .left-sidebar {
        display: none;
    }
}

/* === Source: 200-description-boxes-for-more.php === */
.description-part {
    border-top: 1px solid #e0e0e0;
    animation: fadeIn 1.3s ease-in-out;
}

.show-more-link {
    color: #0073aa;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
    transition: color 0.2s ease;
}

[data-color-scheme="dark"] .show-more-link {
    color: #FFF;
}

.show-more-link:hover {
    color: #005a87;
    outline: 2px solid #005a87;
    outline-offset: 2px;
}

[data-color-scheme="dark"] .show-more-link:hover {
    color: #8abbd4;
}

#more-content .param-seven {
    border: none;
    padding: 0;
    margin: 0 !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* === Source: 63-archive-pages-post.php === */
/* New Default Archive Pages */
#m-wrp .p-30 {
    padding: 20px !important;
    height: 110px !important;
    justify-content: center;
}

@media only screen and (max-width: 1159px) {
    #m-wrp .p-30 {
        padding: 15px;
        height: 130px;
    }
}

@media only screen and (max-width: 1024px) {
    #m-wrp .p-30 {
        padding: 20px;
        height: 110px;
    }
}

@media only screen and (max-width: 818px) {
    #m-wrp .p-30 {
        padding: 20px;
        height: 120px;
    }
}

@media only screen and (max-width: 767px) {
    #m-wrp .p-30 {
        height: 90px;
    }
}

@media only screen and (max-width: 638px) {
    #m-wrp .p-20-sm {
        height: 115px;
    }
}

@media only screen and (max-width: 576px) {
    #m-wrp .p-20-sm {
        height: 90px;
    }
}

/* === Source: 153-ff-70.php === */
.berth-spot label span:not(.required) {
    margin-right: 0 !important;
}

.berth-spot .ff-el-input--content .ff-el-form-check:not(:first-child) {
    margin-top: -5px;
}

.berth-spot .ff-el-input--content .ff-el-form-check {
    line-height: 1;
}

.page-id-18725 .ff-el-is-error .text-danger {
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .ff_columns_total_3.two-columns-mobile {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        column-gap: 10px;
    }

    .ff_columns_total_3.two-columns-mobile .ff-t-column-1,
    .ff_columns_total_3.two-columns-mobile .ff-t-column-2 {
        flex-basis: calc(50% - 5px) !important;
    }

    .ff_columns_total_3.two-columns-mobile .ff-t-column-3 {
        flex-basis: 100% !important;
    }
}

/* === Source: 7-home-subscribe-mobile.php === */
@media (max-width: 768px) {

    /* Adjust the max-width as needed for your definition of mobile */
    .fluentform_wrapper_4.ffs_custom_wrap .ff-el-input--content input {
        margin-right: 0 !important;
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

    .fluentform_wrapper_4.ffs_custom_wrap .ff_submit_btn_wrapper .ff-btn-submit:not(.ff_btn_no_style) {
        border-bottom-right-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
}

/* === Source: 118-su-spoiler-no-frame.php === */
.su-spoiler {
    margin-bottom: 0 !important;
}

.su-spoiler-style-fancy>.su-spoiler-title {
    border-bottom: none !important;
}

.single-post .su-spoiler-style-fancy>.su-spoiler-title {
    border-bottom: 1px solid var(--uv-col) !important;
}

.su-spoiler-style-fancy {
    border: none !important;
    background: #e0e0e0 !important;
}

[data-color-scheme="dark"] .su-spoiler-style-fancy {
    background: #262626 !important;
}

/* === Source: 68-desktop-nav-transparent.php === */
#nav-def {
    --jkd-bg-col-sec: transparent !important;
    backdrop-filter: blur(4px) !important;
    /* TransBlur Nav */
    -webkit-backdrop-filter: blur(20px) !important;
    /* Safari support */
    z-index: 9999;
}

#nav-def .cat-sub {
    --jkd-bg-col-sec: #FFF !important;
}

@media only screen and (max-width:1200px) {
    #nav-def .m-wrp {
        top: auto !important;
        /* Center Nav not leaving header */
    }
}

/* === Source: 97-footer-no-date-and.php === */
/* .widget_jkd_recent_posts .meta-list {
  display: none;
} */

.footer-description {
    height: auto !important;
    min-height: calc(2 * 1.2em) !important;
    max-height: none !important;
    overflow: auto;
    width: 100%;
}

.widget_jkd_recent_posts .blog-card:not(:last-child) {
    margin-bottom: 23px !important;
    /* Footer recent posts gap */
}

/* === Source: 43-under-post-homepage-link.php === */
.under-post {
    text-decoration: none;
    font-weight: bold;
    padding: 10px 20px;
    border: 2px solid;
    border-radius: 4px;
    background-color: transparent;
    display: inline-block;
    transition: all 0.3s ease;
}

.read-more-link {
    text-align: center;
    margin-top: 50px;
    padding: 50px 0 30px;
    border-top: 1px solid var(--jkd-b-col);
}

/* === Source: 100-hide-post-date.php === */
<?php function hide_post_date_and_reading_time_in_footer() {

    echo '<style>
 .meta-list .list-item:first-child,
    /* Hides the date */
    .meta-list .list-item:nth-child(2) {
        /* Hides the reading time */
        display: none !important;
    }

    </style>';

}

add_action('wp_head', 'hide_post_date_and_reading_time_in_footer');

/* === Source: 75-toggle-button-private-public.php === */
.visibility-toggle-btn {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.visibility-toggle-btn:hover {
    background-color: #005177;
}

.button-set {
    text-align: left
}

/* === Source: 103-run-the-second-title.php === */
.page-id-17835 .page-title::after,
.page-id-17905 .page-title::after {
    content: " ''1";
    color: #1e90ff;
}

/* .ymc-smart-filter-container .filter-layout5 .filter-entry {
    flex-wrap: initial !important;
} */

/* === Source: 135-new-appearance-after-update.php === */
.ff-hpsf-container {
    display: none;
}

#fluentform_4 #ff_4_email::placeholder,
#fluentform_8 #ff_8_2_email::placeholder {
    text-align: center;
}

#fluentform_4 #ff_4_email::selection {
    background: lightgray !important;
}

/* === Source: 84-test-tania-post-gap.php === */
/* .single-post-wrp .body-wrp {
    padding-top: 0px !important;
}
 */
.post-style-5.single-post-wrp .body-wrp {
    padding-top: 0px !important;
}

.post-style-5 .entry-content h4:not(.elementor-heading-title) {
    margin-top: 0px !important;
}

/* === Source: 94-mobile-no-footer-sections.php === */
@media screen and (max-width: 768px) {

    #jkd_categories-4,
    #jkd_recent_posts-3 {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .footer .widgets-wrp {
        padding: 0 !important;
    }
}

/* === Source: 44-test-product-to-small.php === */
/* .entire-cont-wrp {
  padding: 0;
} */

.product-wrp .img-wrp {
    align-items: flex-end;
    display: flex;
    max-height: 25vh;
}

/* === Source: 113-mobile-only-logo-size.php === */
.theme-logo.mb-50.mb-30-sm img {
    width: 150px !important;
}

#m-wrp .mb-30-sm.theme-logo.mb-50.mb-30-sm {
    margin: 10px 0 0 !important;
}

/* === Source: 15-falling-step-at-homepage.php === */
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
    margin: inherit !important;
}

/* === Source: 112-updated-page-height-gap.php === */
.elementor-17905 .elementor-element.elementor-element-2afa725 {
    padding: 0px !important;
}

/* === Source: 119-root-colors-var-uv-col.php === */
:root,
[data-color-scheme="light"] {
    --uv-col: #dad9da;
}

[data-color-scheme="dark"] {
    --uv-col: #575757;
}

/* === Source: 146-on-fluentbooking-location-icon.php === */
.fcal_slot_info .location_icon {
    background-color: #FFF !important;
}

/* === Source: 158-disable-su-tabs-form-54.php === */
.my-new-email {
    margin-bottom: 0 !important
}

/* === Source: 89-favorites-css.php === */
.simplefavorites-clear:disabled {
    display: none;
}

.simplefavorites-clear {
    margin: 15px 0 0 5px;
    float: left;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #71d1ffde;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    transition: 0.5s ease;
}

[data-color-scheme="dark"] .simplefavorites-clear {
    background-color: #2771a6d4;
}

.simplefavorites-clear:hover {
    background-color: #208bff;
    padding: 2px 10px 12px 10px;
    margin-top: 5px;
    transition: 0.5s ease;
}

.favorites-list {
    justify-content: space-around;
}

.simplefavorite-button.preset {
    padding: 3px 6px !important;
    font-size: 12px;
    border-radius: 8px !important;
    margin-right: 20px;
}

.single-listings .simplefavorite-button.preset {
    margin: 5px 20px 1px 0;
    padding: 1px 6px !important;
}

.simplefavorite-button.preset i {
    position: initial !important;
    /* margin-left: 2px; */
    margin-right: -3px;
    font-size: 11px !important;
}

/* .sf-icon-wishlist:before {
    float: right;
    margin: 4px 0;
} */

.button-set {
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 10px;
    margin-top: 10px;
    z-index: 1;
    width: 100%;
    margin-bottom: 0;
}

.cpt-fav {
    display: flex;
    /* padding: .125em; */
    height: 29px;
}

[data-color-scheme="dark"].single-listings .simplefavorite-button.preset.active {
    border: solid 1px var(--jkd-h-col);
}

/* === Source: 93-favorites-on-images.php === */
[data-post-id="17905"] .simplefavorite-button {
    top: 20px;
    left: 5px;
    /* transform: translate(-50%, -50%); */
    z-index: 1;
}

.simplefavorite-button.preset {
    background-color: rgb(30 177 250) !important;
    color: white !important;
    border: none;
    font-weight: 600;
}

[data-post-id="17905"] .simplefavorite-button.preset {
    position: absolute !important;
    margin-right: 0 !important;
    background-color: rgb(30 177 250) !important;
    border-radius: 0 !important;
    /* border-top-left-radius: 8px !important; */
    line-height: 1.8 !important;
    z-index: 5;
}

[data-post-id]:not([data-post-id="17905"]) .simplefavorite-button.preset i {
    line-height: 0.9 !important;
}

.simplefavorite-button.preset.active {
    background-color: rgb(9 24 147) !important;
    font-weight: 600;
}

[data-post-id="17905"] .simplefavorite-button.preset.active {
    background-color: rgb(9 24 147) !important;
    font-weight: 600;
    /* top: 29px; */
    /* left: 41px; */
}

[data-post-id="17905"] .ymc-post-layout1 .simplefavorite-button.preset,
[data-post-id="17905"] .ymc-post-custom-layout .simplefavorite-button.preset {

    padding: 1px 8px 0 6px !important;
    font-weight: 500;
    clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 7% 100%);
}

/* Transparent While Slow Delete */
[data-post-id="17905"] .su-spoiler-content .simplefavorite-button.preset i {
    color: #00000000
}

[data-post-id="17905"] .su-spoiler-content .simplefavorite-button.preset {
    color: #00000000 !important;
    background: #00000000 !important;
}

/* While in Spoiler Only Delete Icon */
[data-post-id="17905"] .su-spoiler-content .simplefavorite-button.preset {
    top: 11px;
    left: 50%;
    height: 23px;
    transform: translate(-50%, -50%);
    padding-right: 100px !important;
    border-radius: 10px 10px 0 0 !important;
}

@media (max-width: 767px) {
    [data-post-id="17905"] .su-spoiler-content .simplefavorite-button.preset {
        /* padding-right: 103px !important; */
    }
}

[data-post-id="17905"] .su-spoiler-content .simplefavorite-button.preset.active {
    color: #ffffff00 !important;
    background-color: #f44336 !important;

}

.su-spoiler-content .simplefavorite-button.preset.active::before {
    content: "\eb2b";
    font-family: 'tabler-icons';
    font-weight: 900;
    /* Adjust based on your icon set */
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    /* Centers the icon */
    color: #ffffff;
    /* Adjust to match your design */
    font-size: 16px;
}

.simplefavorite-button.preset.active:hover::before {
    color: #ff8100;
    /* Change the icon color on hover */
    transform: translate(-50%, -50%) scale(1.2);
    /* Slightly enlarge the icon on hover */
    transition: transform 0.3s ease, color 0.3s ease;
    /*
}