.food-butik-delivery-location {
    display: none;
    padding: 10px;
    margin: 30px 0 0;
    background: #1d70b7;
    color: #fff;
    border-radius: 10px;
    position: relative;
}

.ex-fdlist.list-layout .food-butik-delivery-location,
.woocommerce-checkout .food-butik-delivery-location {
    display: block;
}

.food-butik-delivery-location svg {
    width: 26px;
    fill: #fff;
}

.food-butik-link {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.food-butik-link a {
    background: white;
    color: #000 !important;
    display: block;
    padding: 5px 10px;
    border-radius: 50px;
}

.food-butik-link a svg {
    fill: #000 !important;
    width: 20px;
}

.food-butik-title {
    font-weight: 600;
}

.food-butik-info {
    font-size: 13px !important;
    font-family: 'Baloo2-regular' !important;
}

.food-butik-delivery-location>div,
.food-butik-delivery-location>div>span {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
}

.woocommerce-checkout .food-butik-delivery-location {
    margin: 0 0 15px 0;
}

/* Bonus mesajı için özel stil */
.foodbonus-info {
    background-color: #fff;
    border: 2px solid #000094;
    color: #000094;
    font-size: 17px;
    font-weight: 600;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;
}

.foodbonus-info>div p {
    margin: 0;
    text-align: left;
}

.foodbonus-note {
    font-size: 13px;
    color: #555;
    font-weight: 500 !important;
    margin-top: 5px;
    color: #000094;
    font-family: roboto;
}

.foodbonus-button {
    margin-top: 5px !important;
}

.foodbonus-button a {
    font-size: 13px;
    background: #000094;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    transition: .3s ease-in-out all;
    border: 1px solid;
    line-height: 1;
}

.foodbonus-button a:hover {
    background: #fff;
    color: #000094;
    border-color: #000094;
}

.woocommerce-checkout .woocommerce-order-details .foodbonus-info {
    display: none;
}

.fb-sharing-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #fff;
}

.fb-sharing-buttons a::after,
.fb-slide:after,
.fb-prev-orders-button:after,
.fb-next-orders-button:after,
.foodbonus-history-table a:after {
    display: none !important;
}

.fb-sharing-buttons img {
    width: 30px;
}

.fb-sharing-buttons .copy-link-button {
    display: flex;
    align-items: center;
}

.fb-sharing-buttons .copyButton {
    color: #fff;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 10px;
}

.fb-sharing-buttons .copyButton img {
    width: 20px;
    margin-right: 10px;
}

.fb-sharing-buttons .copyMessage {
    display: none;
    position: fixed;
    top: 50%;
    z-index: 99999;
    left: 50%;
    background: red;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .fb-sharing-buttons .copy-link-button {
        flex: 1;
    }

    .fb-sharing-buttons .copyButton {
        font-size: 12px;
    }
}

.foodbonus-badge {
    position: fixed;
    right: 40px;
    bottom: 20px;
    z-index: 1059;
    background: white;
    border-radius: 50%;
    padding: 2px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 25%);
    animation: fb-pulse 1s infinite;
    cursor: pointer;
}

.foodbonus-badge img {
    width: 50px;
    height: auto;
}

@keyframes fb-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

@media(min-width:960px) {
    .foodbonus-badge {
        right: 55px;
    }

    .foodbonus-badge img {
        width: 80px;
    }

    .fb-sharing-buttons .copyButton {
        margin-right: 20px;
    }
}

.foodbonus-badge-modal {
    display: none;
    position: fixed;
    z-index: 1071;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.foodbonus-badge-modal-inner {
    background-color: #fefefe;
    margin: 35% auto;
    padding: 25px;
    border-radius: 15px;
    width: 85%;
    position: relative;
}

.foodbonus-badge-modal-inner img {
    position: absolute;
    bottom: -50px;
    background: white;
    border-radius: 50%;
    width: 100px;
    height: auto;
    left: 0;
    right: 0;
    margin: auto;
}

.foodbonus-badge-modal-inner>a {
    background: #000094;
    display: flex;
    color: #fff;
    justify-content: center;
    gap: 15px;
    padding: 15px 15px;
    border-radius: 10px;
    margin-bottom: 40px;
}

.foodbonus-badge-modal-inner>a svg {
    width: 60px;
    fill: #fff;
}

.food-bonus-badge-modal-table {
    margin-bottom: 15px;
}

.food-bonus-badge-modal-table>div {
    padding: 10px;
    background: #EBEBEB;
    margin-bottom: 5px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
}

.food-bonus-badge-modal-table>div>span {
    display: block;
    width: 100%;
}

.food-bonus-badge-modal-table>div>span:last-child {
    text-align: center;
    border-left: 2px solid #C6C6C6;
    width: 40%;
}

.foodbonus-badge-modal-close {
    color: #263238;
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
}

.foodbonus-badge-modal-close:hover,
.foodbonus-badge-modal-close:focus {
    color: black;
    text-decoration: none;
}


@media(min-width:960px) {
    .foodbonus-badge-modal-inner {
        margin: 15% auto;
        width: 600px;
    }
}

button#apply-foodbonus {
    background: #000094;
    color: #fff;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 15px 35px;
}

button#apply-foodbonus:hover {
    background: #3F51B5;
}

.remove-foodbonus {
    cursor: pointer;
    color: #fff;
    font-size: 10px;
    background: #F44336;
    border-radius: 5px;
    padding: 2px;
    margin-left: 2px;
}

/**
* Woocommerce My Account sayfası için özel stiller
*/
body.woocommerce-account {
    padding-top: 0 !important;
}

.woocommerce-account .rey-siteContainer {
    padding-top: 140px !important;
    padding-bottom: 50px !important;
}

.woocommerce-account .rey-siteContent {
    background: #F9EEDE;
}

.woocommerce-account .rey-pageContent .woocommerce {
    max-width: 1000px;
    margin: auto;
}

.rey-siteContent nav.woocommerce-MyAccount-navigation {
    text-align: right;
}

.rey-pageContent .woocommerce-MyAccount-content ul {
    list-style: disc;
    padding-left: 20px;
}

.rey-pageContent .woocommerce-MyAccount-navigation-wrapper ul {
    text-transform: none !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-weight: normal;
}

/* Navigation icon — spacing now handled by parent's `gap` so the icon
   stays tight against the label even when the label wraps. */
.fb-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    opacity: 0.55;
    flex-shrink: 0;
}
.fb-nav-icon svg {
    width: 18px;
    height: 18px;
}

/* Navigation item with icon alignment.
 * `gap` replaces the icon's margin-right so spacing is consistent when
 * the label wraps. `text-align: left` + explicit `justify-content` guard
 * against the Rey theme's page-level text-align rules which were pushing
 * long labels ("Empfehlen & verdienen", "Gespeicherte Adressen") to the
 * center / right and breaking them across two lines awkwardly. */
.woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 8px 0;
    transition: all 0.2s ease;
    border-radius: 8px;
    text-align: left;
    line-height: 1.3;
    text-decoration: none !important;
}

/* Label span so we can control flex sizing + wrapping independent of
 * the anchor element. Without this, long German labels took all the
 * anchor's remaining width and inherited the theme's `text-align`. */
.woocommerce-MyAccount-navigation .fb-nav-label,
.food-butik-woo-account-dropdown-menu .fb-nav-label {
    flex: 1 1 auto;
    min-width: 0;
    text-align: left;
    line-height: 1.3;
    word-break: normal;
    overflow-wrap: break-word;
}

/* === Highlighted nav items — Base === */
.woocommerce-MyAccount-navigation li.fb-nav-highlighted {
    margin: 4px 0;
    padding: 0 2px;
}
.woocommerce-MyAccount-navigation li.fb-nav-highlighted a {
    padding: 10px 14px;
    border-radius: 10px;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid transparent;
}
.woocommerce-MyAccount-navigation li.fb-nav-highlighted .fb-nav-icon {
    opacity: 1;
}

/* === BLUE variant — Sannebonus, Gamification === */
.woocommerce-MyAccount-navigation li.fb-nav-blue a {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #93c5fd;
    color: #1e3a5f !important;
}
.woocommerce-MyAccount-navigation li.fb-nav-blue a:hover {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    border-color: #3b82f6;
    transform: translateX(2px);
}
.woocommerce-MyAccount-navigation li.fb-nav-blue .fb-nav-icon {
    color: #2563eb;
}
.woocommerce-MyAccount-navigation li.fb-nav-blue.is-active a {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
    color: #fff !important;
    border-color: #1e40af;
}
.woocommerce-MyAccount-navigation li.fb-nav-blue.is-active .fb-nav-icon {
    color: #93c5fd;
}

/* === GREEN variant — Refer & Earn === */
.woocommerce-MyAccount-navigation li.fb-nav-green a {
    background: linear-gradient(135deg, #f0f7e8 0%, #e8f5e1 100%);
    border-color: #c3e6a8;
    color: #163300 !important;
}
.woocommerce-MyAccount-navigation li.fb-nav-green a:hover {
    background: linear-gradient(135deg, #e4f2d4 0%, #d4ebb9 100%);
    border-color: #2d6600;
    transform: translateX(2px);
}
.woocommerce-MyAccount-navigation li.fb-nav-green .fb-nav-icon {
    color: #2d6600;
}
.woocommerce-MyAccount-navigation li.fb-nav-green.is-active a {
    background: linear-gradient(135deg, #163300 0%, #2d6600 100%);
    color: #fff !important;
    border-color: #163300;
}
.woocommerce-MyAccount-navigation li.fb-nav-green.is-active .fb-nav-icon {
    color: #77d839;
}

/* === ORANGE variant — Arcade === */
.woocommerce-MyAccount-navigation li.fb-nav-arcade a {
    background: linear-gradient(135deg, #fff5ec 0%, #ffe6d1 100%);
    border-color: #fdba74;
    color: #6b1d00 !important;
}
.woocommerce-MyAccount-navigation li.fb-nav-arcade a:hover {
    background: linear-gradient(135deg, #ffe6d1 0%, #fed7aa 100%);
    border-color: #ea580c;
    transform: translateX(2px);
}
.woocommerce-MyAccount-navigation li.fb-nav-arcade .fb-nav-icon {
    color: #ea580c;
}
.woocommerce-MyAccount-navigation li.fb-nav-arcade.is-active a {
    background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
    color: #fff !important;
    border-color: #c2410c;
}
.woocommerce-MyAccount-navigation li.fb-nav-arcade.is-active .fb-nav-icon {
    color: #fed7aa;
}

/* Active state for non-highlighted items */
.rey-pageContent .woocommerce-MyAccount-navigation-wrapper li.is-active a {
    font-weight: bold !important;
    font-size: 15px;
    text-decoration: underline;
}
.rey-pageContent .woocommerce-MyAccount-navigation-wrapper li.is-active.fb-nav-highlighted a {
    text-decoration: none !important;
    font-size: inherit;
}

.rey-pageContent .woocommerce-MyAccount-navigation-wrapper li a:after {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .woocommerce-account .rey-siteContainer {
        padding-top: 50px !important;
    }

    .rey-pageContent .woocommerce-MyAccount-navigation-wrapper {
        width: 20% !important;
    }

    .rey-pageContent .woocommerce-MyAccount-content {
        width: 80% !important;
        padding: 0 45px;
    }
}

.food-butik-myaccount-orders-list-item {
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 15px;
}

.food-butik-myaccount-orders-list-item .order-product>a {
    display: flex;
}

.food-butik-myaccount-orders-list-item .order-product>a:after,
.food-butik-myaccount-orders-list-item .woocommerce-button.button:after,
.woocommerce-account .woocommerce-MyAccount-content a:after {
    display: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content a {
    text-decoration: none !important;
}

.food-butik-myaccount-orders-list-item .order-product-image {
    width: 60px;
    margin-right: 10px;
}

.food-butik-myaccount-orders-list-item .order-product-image img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.food-butik-myaccount-orders-list-item .order-product-description {
    font-family: sans-serif;
}

.food-butik-myaccount-orders-list-item .order-product-content {
    flex: 1;
}

.food-butik-myaccount-orders-list-item .order-product-info {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.food-butik-myaccount-orders-list-item .order-product-info>div {
    width: 50%;
    flex: 1;
}

.food-butik-myaccount-orders-list-item .order-product-info>div:last-child {
    display: flex;
    justify-content: end;
    gap: 5px;
}

.food-butik-myaccount-orders-list-item .order-product-price {
    text-align: right;
    margin-left: 5px;
    width: 75px;
    font-size: 12px;
}

.food-butik-myaccount-orders-list-item time {
    margin-left: 5px;
}

.food-butik-myaccount-orders-list-item .woocommerce-button.button {
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    line-height: 1;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    padding: 5px 10px;
    font-size: 12px;
}

.food-butik-myaccount-orders-list-item .button.cancel {
    background: #9E9E9E;
    color: #fff;
    border-color: #9E9E9E;
}

.food-butik-myaccount-orders-list-item .woocommerce-button.button.pay {
    background: #455A64;
    color: #fff;
    border-color: #455A64;
}

.food-butik-myaccount-orders-list-item .woocommerce-button.button.order-again {
    background: #000;
    color: #fff;
}

/* 
* Woocommerce My Account navigation dropdown
*/
.food-butik-woo-account-dropdown {
    display: none;
    position: relative;
}

.food-butik-woo-account-dropdown-menu {
    display: block;
    position: static;
    background-color: white;
    padding: 10px;
    width: 200px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.food-butik-woo-account-dropdown-menu li {
    margin: 0 !important;
}

.food-butik-woo-account-dropdown-menu a {
    color: black;
    padding: 10px;
    text-decoration: none;
    display: block;
}

.food-butik-woo-account-dropdown-menu a:hover {
    background-color: #ddd;
}

.fb-orders-pagination,
.foodbonus-pagination {
    display: flex;
    justify-content: end;
    align-items: center;
}

.fb-orders-pagination>div,
.foodbonus-pagination>div {
    font-size: 14px;
    padding: 0 10px;
    font-family: sans-serif;
}

.fb-prev-orders-button,
.fb-next-orders-button {
    display: block;
}

.fb-nav-disabled {
    filter: brightness(0.9);
}

.fb-prev-orders-button svg,
.fb-next-orders-button svg {
    width: 30px;
    border-radius: 7px;
}

.fb-branch-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    position: relative;
    margin-bottom: 10px;
}

.fb-slider-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
    padding: 5px 0;
}

.fb-slider {
    display: flex;
    transition: transform 0.3s ease;
}

.fb-slide {
    cursor: pointer;
    color: #000 !important;
    background: transparent;
    border-radius: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 10px;
    border: 1px solid #000;
}

.fb-arrow {
    border: 1px solid #000;
    font-size: 16px;
    z-index: 99;
    position: absolute;
    right: 30px;
    width: 25px;
    height: 25px;
    border-radius: 50px;
}

.fb-arrow.fb-disabled {
    visibility: hidden;
}

.fb-arrow.fb-next {
    right: 0;
    position: absolute;
}

a.fb-slide.fb-active {
    background: #000;
    color: #fff !important;
}

.total-branch-points {
    font-size: 50px;
    font-family: sans-serif;
    line-height: 40px;
    margin-bottom: 25px;
    font-weight: 600;
    color: #000;
}

.no-available-foodbonus {
    margin-bottom: 25px;
}

.total-foodbonus-title {
    color: #000;
}

.foodbonus-invitation {
    margin-top: 35px;
    background: #1e3a5f;
    padding: 25px;
    border-radius: 15px;
    color: #fff;
    display: flex;
    align-items: start;
}

.foodbonus-icon,
.foodbonus-invitation>img {
    width: 100px;
    margin-right: 20px;
}

.foodbonus-invitation-content p {
    font-size: 12px;
    line-height: 18px;
    font-family: sans-serif;
}

.foodbonus-invite-title {
    color: #fff;
}

.woocommerce-order-received .foodbonus-invitation {
    margin: 25px 0 15px 0;
    border-radius: 15px;
    align-items: center;
}

.foodbonus-history-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    font-family: sans-serif;
}

.foodbonus-history-item>div {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
}

.foodbonus-history-item>div:last-child {
    flex: 0;
}

.foodbonus-history-item>div:nth-child(2)>span:first-child {
    text-transform: capitalize;
}

.foodbonus-history-item span.fb-active {
    color: #39B54A;
}

.foodbonus-history-item span.fb-expired {
    color: #f75d52;
}

.foodbonus-history-item span.fb-deactive {
    color: #959191;
}

.foodbonus-history-item svg {
    width: 30px;
}

.food-butik-edit-account-form,
.food-butik-edit-account-form .woocommerce-address-fields>div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.woocommerce-address-fields__field-wrapper {
    margin: 0 !important;
}

.food-butik-edit-account-form .form-row-first,
.food-butik-edit-account-form .form-row-last {
    width: calc(50% - 5px) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.rey-pageContent .woocommerce-MyAccount-content h3 {
    width: 100%;
    font-size: 19px;
}

.food-butik-edit-account-form .form-row-wide {
    padding: 0 !important;
    margin: 0 !important;
}

.food-butik-edit-account-form input[type=email],
.food-butik-edit-account-form input[type=number],
.food-butik-edit-account-form input[type=password],
.food-butik-edit-account-form input[type=search],
.food-butik-edit-account-form input[type=tel],
.food-butik-edit-account-form input[type=text],
.food-butik-edit-account-form select,
.food-butik-edit-account-form textarea {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    height: 48px;
    padding: 0 14px;
    background: #fff;
    font-size: 14px;
    color: #111827;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    width: 100%;
    box-sizing: border-box;
}

.food-butik-edit-account-form input[type=email]:hover,
.food-butik-edit-account-form input[type=number]:hover,
.food-butik-edit-account-form input[type=password]:hover,
.food-butik-edit-account-form input[type=search]:hover,
.food-butik-edit-account-form input[type=tel]:hover,
.food-butik-edit-account-form input[type=text]:hover,
.food-butik-edit-account-form select:hover,
.food-butik-edit-account-form textarea:hover {
    border-color: #cbd5e1;
}

.food-butik-edit-account-form input[type=email]:focus,
.food-butik-edit-account-form input[type=number]:focus,
.food-butik-edit-account-form input[type=password]:focus,
.food-butik-edit-account-form input[type=search]:focus,
.food-butik-edit-account-form input[type=tel]:focus,
.food-butik-edit-account-form input[type=text]:focus,
.food-butik-edit-account-form select:focus,
.food-butik-edit-account-form textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
    outline: none;
}

.food-butik-edit-account-form .fb-username-notice {
    font-size: 12px;
    font-family: sans-serif;
    color: #6b7280;
    display: block;
    margin-top: 6px;
}

/* Save-changes button — calm flat primary, not a gradient CTA. The page
   already has plenty of branded colour (sidebar menu tabs, foodbonus
   card). A single flat button with subtle hover is enough. */
button.fb-save-account-details.button {
    width: 100%;
    padding: 13px 18px;
    background: #2563eb;
    color: #fff;
    border-radius: 10px;
    border: none;
    font-weight: 600;
    font-size: 14.5px;
    letter-spacing: 0.1px;
    transition: background 0.15s ease;
    box-shadow: none;
}

button.fb-save-account-details.button:hover {
    background: #1d4ed8;
}

button.fb-save-account-details.button:active {
    background: #1e40af;
}

/* Delete-account button — outline/ghost danger style (transparent bg,
   red border + text), fills on hover. Targets the explicit class added
   to the 2nd form's button so it doesn't collide with the save button. */
button.fb-save-account-details.button.fb-delete-account-btn,
.fb-delete-account-form button.fb-save-account-details.button {
    background: transparent !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
    width: auto;
    display: inline-block;
    padding: 11px 18px;
    font-size: 14px;
    box-shadow: none !important;
}
button.fb-save-account-details.button.fb-delete-account-btn:hover,
.fb-delete-account-form button.fb-save-account-details.button:hover {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    background: #fff;
}

.woocommerce-payment-methods .woocommerce-message,
.woocommerce-payment-methods .woocommerce-error,
.woocommerce-payment-methods .woocommerce-info {
    display: block;
    padding: 20px !important;
    margin: 0 0 10px 0 !important;
    border-radius: 10px;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
    display: none !important;
}

.woocommerce-payment-methods .woocommerce .button,
.woocommerce-add-payment-method .woocommerce .button {
    padding: 15px;
    display: block;
    background: #000;
    color: #fff;
    border-radius: 10px;
    width: 100%;
}

.woocommerce-edit-address .woocommerce-MyAccount-content {
    font-family: sans-serif;
}

.woocommerce-edit-address .woocommerce-MyAccount-content address {
    margin-bottom: 10px;
}

.woocommerce-edit-address .woocommerce-MyAccount-content a.edit {
    font-weight: 600;
    font-size: 12px;
    background: #000;
    padding: 8px 25px;
    display: inline-block;
    color: #fff;
    border-radius: 10px;
}

/**
* Exwoofood özel stiller
*/
input[type="checkbox"].ex-options {
    --form-background: #ffffff;
    --form-color: #000;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    font: inherit;
    color: var(--form-color) !important;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--form-color) !important;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

input[type="checkbox"].ex-options::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: var(--form-color) !important;
}

input[type="checkbox"].ex-options:checked::before {
    transform: scale(1);
}

input[type="checkbox"].ex-options:checked {
	--form-color: #ff0000;
}

input[type="checkbox"].ex-options:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
}

input[type="checkbox"].ex-options:disabled {
    --form-control-color: #F44336;
    color: var(--form-control-disabled);
    cursor: not-allowed;
}

.woocommerce form.cart .exrow-group .exwo-container>span {
    display: inline-flex;
    align-items: center;
}

.woocommerce form.cart .exrow-group .exwo-container>span label {
    margin: 0;
}

span.exqty-op {
    display: flex;
    overflow: hidden;
    padding: 0 !important;
    width: auto !important;
}
.woocommerce form.cart .exrow-group .exwo-container.exwo-qty-option .exqty-op input {
    text-align: center;
    width: 30px !important;
    height: 30px !important;
    border: none;
    font-size: 15px;
    padding: 0 !important;
}

.woocommerce form.cart .exrow-group .exwo-container.exwo-qty-option > span{
    padding: 0 85px 5px 0 !important;
}

span.exqty-op button.btn {
    background-color: transparent;
    color: #1a80ee;
    border: 1px solid;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18pt;
    font-weight: 300 !important;
    width: 30px;
    height: 30px;
    text-align: center;
}

.exqty-op button.btn:hover {
    border: 2px solid;
}

.exqty-op .ex-qty-op::-webkit-inner-spin-button,
.exqty-op .ex-qty-op::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.woocommerce form.cart .exrow-group .exwo-container > span {
    display: flex !important;
}
@media (max-width: 768px) {
    .order-product-name {
        font-size: 13px;
        line-height: 16px;
    }

    .food-butik-myaccount-orders-list-item .order-product-info>div {
        font-size: 12px
    }

    .rey-pageContent nav.woocommerce-MyAccount-navigation {
        display: none;
    }

    .food-butik-woo-account-dropdown {
        display: block;
    }

    .food-butik-woo-account-dropdown-toggle {
        background-color: #fff;
        border: none;
        padding: 10px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 10px;
        z-index: 170;
        position: relative;
        width: 100%;
        font-weight: 600;
        color: #000 !important;
    }

    .fb-active button.food-butik-woo-account-dropdown-toggle {
        border-radius: 10px 10px 0 0;
    }

    .food-butik-woo-account-dropdown-toggle svg {
        width: 36px;
        margin: -3px -20px 0 10px;
    }

    .food-butik-woo-account-dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15);
        border-radius: 0 0 16px 16px;
        padding: 8px 12px 12px;
        z-index: 160;
        width: 100%;
        border-top: none;
        text-align: left;
        list-style: none !important;
    }

    .food-butik-woo-account-dropdown-menu li {
        margin: 0 !important;
        list-style: none !important;
        border-bottom: 1px solid #f0f0f0;
    }
    .food-butik-woo-account-dropdown-menu li:last-child {
        border-bottom: none;
    }

    .food-butik-woo-account-dropdown-menu a {
        display: flex !important;
        align-items: center;
        gap: 10px;
        padding: 12px 10px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #212529 !important;
        text-transform: none !important;
        text-decoration: none !important;
        border-radius: 8px;
        transition: background 0.15s;
    }

    .food-butik-woo-account-dropdown-menu a:hover {
        background-color: #f5f5f5;
    }

    .food-butik-woo-account-dropdown-menu .fb-nav-icon {
        display: inline-flex !important;
        width: 20px;
        height: 20px;
        margin-right: 0;
        opacity: 0.5;
        flex-shrink: 0;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-icon svg {
        width: 18px;
        height: 18px;
    }

    /* Mobile highlighted — BLUE */
    .food-butik-woo-account-dropdown-menu .fb-nav-blue {
        border-bottom: none;
        margin: 4px 0;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-blue a {
        background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        color: #1e3a5f !important;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-blue .fb-nav-icon {
        opacity: 1;
        color: #2563eb;
    }

    /* Mobile highlighted — GREEN */
    .food-butik-woo-account-dropdown-menu .fb-nav-green {
        border-bottom: none;
        margin: 4px 0;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-green a {
        background: linear-gradient(135deg, #f0f7e8 0%, #e8f5e1 100%) !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        color: #163300 !important;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-green .fb-nav-icon {
        opacity: 1;
        color: #2d6600;
    }

    /* Mobile highlighted — ORANGE (Arcade) */
    .food-butik-woo-account-dropdown-menu .fb-nav-arcade {
        border-bottom: none;
        margin: 4px 0;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-arcade a {
        background: linear-gradient(135deg, #fff5ec 0%, #ffe6d1 100%) !important;
        border-radius: 10px !important;
        font-weight: 600 !important;
        color: #6b1d00 !important;
    }
    .food-butik-woo-account-dropdown-menu .fb-nav-arcade .fb-nav-icon {
        opacity: 1;
        color: #ea580c;
    }

    .food-butik-woo-account-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 150;
    }

    .food-butik-woo-account-dropdown-active .food-butik-woo-account-dropdown-menu {
        display: block;
    }

    .food-butik-woo-account-dropdown-active .food-butik-woo-account-overlay {
        display: block;
    }

    .food-butik-myaccount-orders-list-item .order-product-description {
        font-size: 12px;
        line-height: 15px;
    }

    .food-butik-myaccount-orders-list-item .woocommerce-Price-amount {
        font-size: 13px;
    }

    .foodbonus-history-item {
        font-size: 12px;
    }

    .foodbonus-icon,
    .foodbonus-invitation>img {
        width: 70px;
        margin-right: 10px;
    }

    .ex-menu-list.fb-menu-list {
        display: block !important;
        overflow-y: hidden;
        overflow-x: scroll;
        white-space: nowrap;
        min-height: 160px;
        transform: rotate(168deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        margin: 0px auto !important;
        direction: rtl;
        -webkit-overflow-scrolling: touch; /* iOS momentum */
        scroll-behavior: smooth; /* smooth programmatic scroll */
        touch-action: pan-x; /* enable horizontal swipe */
        -ms-touch-action: pan-x; /* IE/Edge legacy */
        overscroll-behavior-x: contain; /* avoid page swipe conflicts */
        cursor: grab;
    }

    .ex-menu-list.fb-menu-list .ex-menu-item {
        display: inline-block;
        margin: 0 5px;
        transform: rotate(-168deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
    }

    .ex-menu-list.fb-menu-list {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
    }
    .ex-menu-list.fb-menu-list::-webkit-scrollbar { height: 0; width: 0; background: transparent; }
    .woocommerce form.cart .exrow-group .exwo-container {
        padding: 0!important;
    }
    .woocommerce form.cart .exrow-group .exwo-container > span {
        padding: 0px 5px 5px 0!important;
        display: flex!important;
    }
    .woocommerce form.cart .exrow-group .exwo-container .exqty-op input {
        height: 30px!important;
        padding: 3px!important;
    }
    .woocommerce form.cart .exrow-group .exwo-container .exwo-op-name,
    .woocommerce form.cart .exrow-group .exwo-container .exwo-op-name > span {
        font-size: 14px!important;
    }
    .woocommerce form.cart .exrow-group .exwo-container .exwo-op-name > span {
        display: block!important;
        margin-top: -10px!important;
    }

    /* Hide desktop-style edge fades on mobile due to rotated container */
    .ex-menu-list.fb-menu-list:before,
    .ex-menu-list.fb-menu-list:after {
        display: none;
    }
    /* Show arrow controls on mobile and style them */
    .ex-menu-wrap .ex-menu-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        border: 0;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.45);
        color: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.25);
        cursor: pointer;
        z-index: 3;
        backdrop-filter: saturate(120%) blur(2px);
    }
    .ex-menu-wrap .ex-menu-arrow.ex-prev { left: 8px; }
    .ex-menu-wrap .ex-menu-arrow.ex-next { right: 8px; }
    .ex-menu-wrap .ex-menu-arrow.ex-arrow-disabled {
        opacity: .35;
        pointer-events: none;
        box-shadow: none;
    }
    .ex-menu-wrap .ex-menu-arrow:hover { background: rgba(0,0,0,0.6); }
    .ex-menu-wrap .ex-menu-arrow:active { background: rgba(0,0,0,0.7); }
    /* Mobile needs position for progress bar */
    .ex-menu-wrap { position: relative; padding-bottom: 6px; }
    /* Mobile progress bar */
    .ex-menu-progress {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: 0;
        height: 3px;
        background: rgba(0,0,0,0.08);
        border-radius: 999px;
        overflow: hidden;
        z-index: 2;
    }
    .ex-menu-progress .ex-menu-progress-bar {
        display: block;
        width: 100%;
        height: 100%;
        background: #0095ff;
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform .2s ease;
        border-radius: inherit;
    }
    /* Allow category labels to wrap to two lines on mobile */
    .ex-menu-list.fb-menu-list a {
        white-space: normal !important; /* override container nowrap */
        overflow: hidden; /* hide overflow beyond 2 lines */
        display: inline-block; /* keep horizontal flow */
        vertical-align: top; /* align varied heights */
        max-width: 150px; /* force wrapping for long labels */
        word-break: break-word;
        overflow-wrap: anywhere;
        text-align: center;
    }
}

@media (min-width: 768px) {
    .food-butik-myaccount-orders-list-item .order-product-image {
        width: 120px;
        margin-right: 20px;
    }

    .food-butik-myaccount-orders-list-item .order-product-price {
        margin-left: 20px;
        width: 100px;
    }

    .food-butik-myaccount-orders-list-item .order-product-info>div:first-child {
        margin-left: 140px;
    }

    .food-butik-myaccount-orders-list-item time {
        margin-left: 15px;
    }

    .food-butik-myaccount-orders-list-item .woocommerce-button.button {
        border-radius: 10px;
        padding: 0.75em 1.25rem;
        font-size: 13px;
    }

    .foodbonus-invitation-content p {
        font-size: 14px;
        line-height: 20px;
    }

    /* Desktop: make category menu single-line and horizontally scrollable */
    .ex-menu-list.fb-menu-list {
        display: block !important;
        overflow-y: hidden; /* prevent outline clipping */
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* iOS momentum */
        scroll-behavior: smooth; /* smooth programmatic scroll */
        padding-top: 6px !important; /* room for focused/active outlines */
        padding-bottom: 10px !important; /* room below content */
        /* Hide native scrollbar; use custom progress bar */
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
        margin: 0 !important;
        min-height: 160px;
        cursor: grab; /* desktop drag-to-scroll */
        /* Reset any mobile-specific transforms and RTL */
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        direction: ltr;
    }

    .ex-menu-list.fb-menu-list .ex-menu-item {
        display: inline-block;
        margin: 0 5px;
        overflow: visible !important;
        /* Reset any mobile-specific transforms */
        transform: none;
        -ms-transform: none;
        -webkit-transform: none;
    }

    /* Desktop: hide WebKit scrollbar */
    .ex-menu-list.fb-menu-list::-webkit-scrollbar { height: 0; background: transparent; }

    /* Hide edge fades on desktop for a cleaner look */
    .ex-menu-list.fb-menu-list:before,
    .ex-menu-list.fb-menu-list:after { display: none; }

    /* Prevent clipping of active/focus outlines inside items */
    .ex-menu-list.fb-menu-list .ex-menu-item { overflow: visible !important; }

    /* Arrow controls (desktop): fixed to wrapper edges, do not scroll with content */
    .ex-menu-wrap { position: relative; }

    /* While dragging */
    .ex-menu-list.fb-menu-list.is-dragging {
        cursor: grabbing;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }
    .ex-menu-wrap .ex-menu-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.45);
        color: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,0.25);
        cursor: pointer;
        z-index: 3;
        backdrop-filter: saturate(120%) blur(2px);
    }
    .ex-menu-wrap .ex-menu-arrow:hover { background: rgba(0,0,0,0.6); }
    .ex-menu-wrap .ex-menu-arrow:active { background: rgba(0,0,0,0.7); }
    .ex-menu-wrap .ex-menu-arrow.ex-prev { left: 8px; }
    .ex-menu-wrap .ex-menu-arrow.ex-next { right: 8px; }
    .ex-menu-wrap .ex-menu-arrow.ex-arrow-disabled {
        opacity: .35;
        pointer-events: none;
        box-shadow: none;
    }

    /* Progress bar track and fill */
    .ex-menu-wrap { padding-bottom: 6px; }
    .ex-menu-progress {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: rgba(0,0,0,0.08);
        border-radius: 999px;
        overflow: hidden;
        z-index: 2; /* below arrows */
    }
    .ex-menu-progress .ex-menu-progress-bar {
        display: block;
        width: 100%;
        height: 100%;
        background: #0095ff; /* accent */
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform .2s ease;
        border-radius: inherit;
    }
    /* Allow category labels to wrap to two lines on desktop */
    .ex-menu-list.fb-menu-list a {
        white-space: normal !important; /* override container nowrap */
        overflow: hidden; /* hide overflow beyond 2 lines */
        display: inline-block; /* keep horizontal flow */
        vertical-align: top; /* align varied heights */
        max-width: 200px; /* wider pills on desktop */
        word-break: break-word;
        overflow-wrap: anywhere;
        text-align: center;
        min-height: 160px;
    }
}

/* Edge fades to hint scrollability (both viewports) */
.ex-menu-list.fb-menu-list { position: relative; }
.ex-menu-list.fb-menu-list:before,
.ex-menu-list.fb-menu-list:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity .2s ease;
}
.ex-menu-list.fb-menu-list:before {
    left: 0;
    background: linear-gradient(to right, rgba(255,255,255,.95), rgba(255,255,255,0));
}
.ex-menu-list.fb-menu-list:after {
    right: 0;
    background: linear-gradient(to left, rgba(255,255,255,.95), rgba(255,255,255,0));
}
.ex-menu-list.fb-menu-list.has-left-overflow:before { opacity: 1; }
.ex-menu-list.fb-menu-list.has-right-overflow:after { opacity: 1; }

  /* Sticky behavior removed per rollback */
  /* Sticky footer: keep footer at bottom when page content is short */
  .rey-siteWrapper {
      min-height: 100vh;          /* fallback */
      min-height: 100dvh;         /* modern dynamic viewport */
      display: flex;
      flex-direction: column;
  }
  .rey-siteContent { flex: 1 0 auto; }
  .rey-siteFooter { margin-top: auto; }

.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-info {
    padding: 25px !important;
    border-radius: 10px;
    font-size: 15px;
}

.woocommerce-checkout ul.woocommerce-error {
    background: red;
    color: #fff;
}

/* =====================================================================
   Edit Account page — card-based polish
   Scope: body.woocommerce-account.woocommerce-edit-account
   Matches clean card aesthetic used in Foodbonus / Refer & Earn / Saved Addresses
   ===================================================================== */
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 24px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    gap: 14px;
}

/* Section headings inside the edit account form */
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form h3 {
    width: 100%;
    margin: 0 0 4px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

/* The second h3 ("Password change") inside the same form — add extra top spacing */
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form h3 + h3,
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form > h3:not(:first-child) {
    margin-top: 16px;
}

/* Override the inline style="margin-top:45px" on the Password change heading */
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form h3[style] {
    margin-top: 16px !important;
}

/* Delete My Account — danger zone card
   The template renders:
     <h3 style="margin-top:45px;">Delete My Account</h3>
     <form class="food-butik-edit-account-form">...</form>
   We style both and group them visually via the heading + adjacent form. */
body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content > h3 {
    margin: 6px 0 0 0 !important;
    padding: 18px 20px 10px 20px;
    background: #fff7f5;
    border: 1px solid #fecaca;
    border-left: 4px solid #ef4444;
    border-bottom: none;
    border-radius: 14px 14px 0 0;
    font-size: 17px;
    font-weight: 700;
    color: #991b1b;
}

body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content > h3 + form.food-butik-edit-account-form {
    margin-top: 0;
    padding: 16px 20px 20px 20px;
    background: #fff7f5;
    border: 1px solid #fecaca;
    border-left: 4px solid #ef4444;
    border-top: none;
    border-radius: 0 0 14px 14px;
    box-shadow: none;
}

body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content > h3 + form.food-butik-edit-account-form > div {
    font-family: inherit !important;
    font-size: 14px;
    line-height: 1.55;
    color: #7f1d1d;
    margin-bottom: 12px;
}

body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content > h3 + form.food-butik-edit-account-form > div u {
    text-decoration: none;
    font-weight: 600;
    background: rgba(239, 68, 68, 0.08);
    padding: 1px 6px;
    border-radius: 4px;
}

/* Ambiguous `h3 + form` rule removed — it matched BOTH the Account Info
   form AND the Delete form (both are preceded by an h3), so every save
   button got painted as the "danger" style. Now the 2nd form has its
   own class `.fb-delete-account-form` and both button variants have
   their own explicit class — see rules further up in this file. */

/* Force first/last name to share a row on screens ≥640px. The earlier
   `.food-butik-edit-account-form .form-row-first { width: calc(50% - 5px) }`
   rule was sometimes losing the specificity race against Rey's legacy
   `.woocommerce-form-row--first { width: 47% }` — force it here. */
.food-butik-edit-account-form .woocommerce-form-row--first.form-row-first,
.food-butik-edit-account-form .woocommerce-form-row--last.form-row-last {
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    float: none !important;
}

/* Responsive tweaks */
@media (max-width: 640px) {
    body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form {
        padding: 18px 16px;
        border-radius: 12px;
    }

    body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form .form-row-first,
    body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form.food-butik-edit-account-form .form-row-last {
        width: 100% !important;
    }

    body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content > h3,
    body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content > h3 + form.food-butik-edit-account-form {
        padding-left: 16px;
        padding-right: 16px;
    }
}


/* =====================================================================
 * Marketing Preferences — My Account > Edit Account (frontend)
 * Rendered by Food_Butik_Marketing_Consent::display_consent_in_account()
 * Markup: <fieldset class="fb-mc-frontend"> ... </fieldset>
 * ===================================================================== */
.woocommerce-EditAccountForm fieldset.fb-mc-frontend,
fieldset.fb-mc-frontend {
    margin: 24px 0 8px;
    padding: 18px 20px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02);
}

.fb-mc-frontend__legend {
    display: block;
    float: none;
    width: auto;
    padding: 0 0 10px;
    margin: 0 0 12px;
    border: 0;
    border-bottom: 1px solid #ececec;
    color: #1a1a1a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.fb-mc-frontend__row {
    margin: 0 !important;
    padding: 0 !important;
}

.fb-mc-frontend__label {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1.5;
}

.fb-mc-frontend__checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin: 1px 0 0 !important;
    padding: 0;
    border: 1.5px solid #c9c9c9;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    position: relative;
    flex: 0 0 auto;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.fb-mc-frontend__checkbox:hover {
    border-color: #999;
}

.fb-mc-frontend__checkbox:focus {
    outline: none;
    border-color: var(--fb-primary-color, #dd3333);
    box-shadow: 0 0 0 3px rgba(221, 51, 51, 0.15);
}

.fb-mc-frontend__checkbox:checked {
    background: var(--fb-primary-color, #dd3333);
    border-color: var(--fb-primary-color, #dd3333);
}

.fb-mc-frontend__checkbox:checked::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.fb-mc-frontend__text {
    flex: 1;
    color: #333;
    font-size: 14.5px;
    line-height: 1.55;
}

.fb-mc-frontend__text a {
    color: var(--fb-primary-color, #dd3333);
    text-decoration: underline;
}

@media (max-width: 600px) {
    .woocommerce-EditAccountForm fieldset.fb-mc-frontend,
    fieldset.fb-mc-frontend {
        padding: 14px 14px;
        margin: 18px 0 6px;
        border-radius: 10px;
    }

    .fb-mc-frontend__legend {
        font-size: 14.5px;
        padding-bottom: 8px;
        margin-bottom: 10px;
    }

    .fb-mc-frontend__text {
        font-size: 14px;
    }
}