/* WordPress integration for the original NADAfinal3.3.8 artwork and layouts. */
.reveal { opacity: 1; transform: none; visibility: visible; }
.nada-menu { display: flex; align-items: center; gap: 1.6rem; margin: 0; padding: 0; list-style: none; }
.nada-menu .sub-menu { display: none; position: absolute; padding: 1rem; background: white; list-style: none; }
.nada-menu li:hover > .sub-menu, .nada-menu li:focus-within > .sub-menu { display: block; }
.custom-logo { width: auto; max-width: 150px; max-height: 72px; object-fit: contain; }
.nada-languages { display: flex; gap: .75rem; }
.nada-languages a { white-space: nowrap; }
.nada-languages [aria-current] { font-weight: 800; text-decoration: underline; }
.nada-content { max-width: 1120px; margin: auto; padding: 150px 24px 80px; min-height: 65vh; }
.nada-content h1 { font-size: clamp(2rem, 5vw, 4rem); margin-bottom: 2rem; }
.nada-content h2 { font-size: 1.7rem; margin-block: 1.5rem; }
.nada-content p, .nada-content li { line-height: 1.8; }
.nada-content img { max-width: 100%; height: auto; }
.nada-detail-image { width: 100%; max-height: 650px; object-fit: contain; }
.nada-product-image { max-height: 500px; width: auto; display: block; margin-inline: auto; }
.nada-recipe-columns { display: grid; grid-template-columns: 1fr 1.5fr; gap: 3rem; }
.nada-recipe-columns ul, .nada-recipe-columns ol { padding-inline-start: 1.5rem; }
.nada-recipe-times { display: flex; flex-wrap: wrap; gap: 2rem; padding-block: 2rem; }
.nada-recipe-times dt { font-weight: 700; }
.nada-recipe-card { border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 8px 30px #0b386214; }
.nada-recipe-card img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.nada-card-copy { padding: 1.5rem; }
.nada-card-copy h2 { font-size: 1.3rem; margin-bottom: 1rem; }
.nada-search { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin: 1rem 0 2rem; }
.nada-search input { border: 1px solid #ddd; border-radius: 8px; padding: .8rem; }
.nav-links { display: flex; gap: 1rem; margin-block: 2rem; }
.foot__social { flex-wrap: wrap; }
.nada-honeypot { position: absolute; left: -9999px; }
.nada-message { padding: 1rem; background: #eff6e3; margin-bottom: 1rem; }
.admin-bar .nav { top: 32px; }
[dir="rtl"] body { font-family: Cairo, sans-serif; }
[dir="rtl"] .nada-content { text-align: right; }
[dir="rtl"] .nada-card-copy { text-align: right; }
body.nada-menu-open { overflow: hidden; }
.drawer.is-open { visibility: visible; opacity: 1; transform: none; pointer-events: auto; }
@media (max-width: 900px) {
    .nada-header-cta { display: none; }
    .drawer .nada-menu { display: flex; flex-direction: column; align-items: flex-start; }
    .nada-recipe-columns { grid-template-columns: 1fr; gap: 1rem; }
}
@media (max-width: 782px) { .admin-bar .nav { top: 46px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* Match the source design while retaining native WordPress menu markup. */
.brand .custom-logo-link { display: inline-flex; align-items: center; }
.brand .brand__logo { max-height: none; max-width: none; }
.nav__links .nada-menu { gap: 38px; }
.nav__links .menu-item { position: static; }
.foot__links .nada-menu { flex-direction: column; align-items: flex-start; gap: 12px; }
.foot__links .nada-menu li { margin: 0; padding: 0; }
.foot__brandlogo img { width: auto; max-height: none; max-width: none; }
.foot__social svg { flex-shrink: 0; }
.foot__contact { grid-column: 1 / -1; font-style: normal; }
.drawer .sub-menu { position: static; display: block; background: transparent; padding: 0 1rem; }
.drawer .sub-menu img { display: none; }
@media (max-width: 900px) {
    .nav__links .nada-menu { gap: 16px; }
    .drawer .nada-menu { gap: 12px; }
}
.foot__links .nada-menu { gap: 0; }

/* Original four-column mega panel, with WordPress list semantics. */
.nav__links .nada-mega-list {
    position: static;
    display: grid;
    margin: 0;
    padding: 0;
    background: transparent;
    list-style: none;
}
.nav__links .nada-mega-list > li { min-width: 0; }
.nav__links .nada-mega-list .megacard { display: flex; }
.nav__links .navdd__panel { top: 100%; position: absolute; }
.nav__links .navdd__panel .mega__title { display: block; }

/* Keep all submission controls consistent with the original rounded fields. */
.shareform .sfield select {
    width: 100%;
    min-width: 0;
    font: inherit;
    font-size: 1rem;
    color: var(--ink);
    background: #fff;
    border: 1.5px solid #cfd8e6;
    border-radius: 14px;
    padding: 13px 15px;
    line-height: 1.55;
    min-height: 53px;
    transition: border-color .2s, box-shadow .2s;
}
.shareform .sfield select:focus {
    outline: none;
    border-color: #09305e;
    box-shadow: 0 0 0 3px rgba(9, 48, 94, .14);
}
.shareform .sfield input, .shareform .sfield textarea { min-width: 0; }
.shareform > button { justify-self: start; }

/* Original catalog composition, including same-page recipe drawers. */
[data-catalog-grid] > [hidden], [data-catalog-empty][hidden] { display: none !important; }
.rec .dotc { background: var(--ink); }
.nada-recipe-dialog { max-width: none; max-height: none; width: 100%; height: 100dvh; border: 0; margin: 0; color: var(--ink); background: transparent; }
.nada-recipe-dialog:not([open]) { display: none; }
.nada-recipe-dialog::backdrop { background: transparent; }
.nada-recipe-dialog .modal__panel { text-align: start; }
.nada-recipe-dialog .modal__meta { min-height: 0; }
body.nada-recipe-open { overflow: hidden; }
.nav__links .current-menu-item > a::after,
.nav__links .current-menu-ancestor > a::after { transform: scaleX(1); }

/* Compact mobile hierarchy: desktop image cards never reserve drawer space. */
.drawer .nada-menu { flex-direction: column; align-items: stretch; gap: 0; }
.drawer .nada-menu li { margin: 0; padding: 0; }
.drawer .nada-menu > li > a { display: block; font-size: 1.125rem; line-height: 1.4; padding-block: 10px; }
.drawer .nada-menu .sub-menu { margin: 0; padding-block: 0; padding-inline: 12px 0; }
.drawer .nada-menu .sub-menu a { display: block; font-size: .875rem; font-weight: 500; line-height: 1.4; padding-block: 7px; border-bottom: 0; }
.drawer .nada-menu .sub-menu .megacard__img { display: none; }

@media (min-width: 1081px) { .drawer { display: none; } }
/* Keep the close control above the drawer on every page design. */
body.nada-menu-open #nav { position: fixed; z-index: 100; inset-inline: 0; }
.drawer__nav > a, .drawer__nav .nada-languages a { font-size: 1.125rem; line-height: 1.4; }

/* Share the hero's content edges with the recipe filters and cards. */
[data-page="recipes"] .rbook { max-width: calc(var(--wrap) + var(--pad) + var(--pad)); }