/* WordPress integration layer for the Banna theme */

/* Admin bar offset for the fixed nav */
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}

/* Arabic headlines */
.display--ar{font-family:var(--arabic)!important;line-height:1.35!important;font-size:clamp(40px,5.4vw,84px)!important}
.display--ar em{font-style:normal}

/* Post cover */
.post-cover{margin:0 0 60px}
.post-cover img{width:100%;height:auto;border-radius:8px}

/* Arabic articles */
.prose--rtl{direction:rtl;font-family:var(--arabic);font-size:20px;line-height:1.9}
.prose--rtl h2,.prose--rtl h3{font-family:var(--arabic);line-height:1.5}
.prose--rtl ul,.prose--rtl ol{padding-left:0;padding-right:1.2em}
[dir=rtl] .toc a{border-left:0;border-right:1px solid var(--line);padding:8px 14px 8px 0}

/* Block content inside prose */
.prose--wide{max-width:none}
.prose img{max-width:100%;height:auto;border-radius:6px}
.prose .wp-block-image{margin:2em 0}
.prose .wp-block-image figcaption,.prose .wp-element-caption{font-size:13px;color:var(--muted);text-align:center;margin-top:10px}
.prose .wp-block-quote,.prose blockquote{margin:2em 0;padding-left:24px;border-left:2px solid var(--gold);font:italic 400 26px/1.4 var(--serif);color:var(--ivory)}
.prose--rtl blockquote{padding-left:0;padding-right:24px;border-left:0;border-right:2px solid var(--gold);font-family:var(--arabic);font-style:normal}
.prose table{width:100%;border-collapse:collapse;margin:2em 0;font-size:15px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:start}
.prose th{color:var(--ivory);font-weight:500}
.prose iframe{max-width:100%;border-radius:8px}
.prose .wp-block-embed__wrapper{position:relative}
.prose .wp-block-button__link{display:inline-flex;padding:15px 26px;border-radius:999px;background:var(--gold);color:var(--ink);text-decoration:none;font:500 14px/1 var(--sans)}
.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}

/* Gallery blocks → masonry (albums, wedding stories, posts) */
.entry-gallery .wp-block-gallery,.entry-gallery .wp-block-gallery.has-nested-images{display:block!important;columns:3 300px;column-gap:18px;margin:2em 0}
.entry-gallery .wp-block-gallery .wp-block-image,.entry-gallery .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%!important;margin:0 0 18px!important;break-inside:avoid;display:block}
.entry-gallery .wp-block-gallery img,.entry-gallery .wp-block-gallery.has-nested-images figure.wp-block-image img{width:100%!important;height:auto!important;object-fit:initial!important;border-radius:6px;transition:transform 1s var(--ease),filter .5s}
.entry-gallery .wp-block-gallery a{display:block;overflow:hidden;border-radius:6px}
.entry-gallery .wp-block-gallery a:hover img{transform:scale(1.03);filter:brightness(1.08)}
.entry-gallery > p:first-child,.entry-gallery > div:first-child{max-width:62ch;font-size:clamp(19px,1.6vw,24px);color:#d9d1c4}

/* Pagination */
.pager .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:14px}
.pager .page-numbers.current{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.pager .page-numbers.dots{border:0}

/* Forms (WPForms + Forminator) styled like the design */
.banna-form{width:100%}
.banna-form .wpforms-container{margin:0!important}
.banna-form .wpforms-field-label,.banna-form .forminator-label{font:500 12px/1.3 var(--sans)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:10px!important}
.banna-form .wpforms-field-sublabel{color:var(--muted)!important;font-size:12px!important}
.banna-form input[type=text],.banna-form input[type=email],.banna-form input[type=tel],.banna-form input[type=number],.banna-form select,.banna-form textarea,
.banna-form .forminator-input,.banna-form .forminator-textarea{width:100%!important;max-width:none!important;background:transparent!important;border:0!important;border-bottom:1px solid rgba(242,236,226,.3)!important;border-radius:0!important;color:var(--ivory)!important;font:400 18px/1.4 var(--sans)!important;padding:10px 0!important;box-shadow:none!important;height:auto!important}
.banna-form select option{background:var(--ink-2);color:var(--ivory)}
.banna-form input:focus,.banna-form select:focus,.banna-form textarea:focus{outline:none!important;border-color:var(--gold)!important}
.banna-form .wpforms-field{padding:0 0 26px!important}
.banna-form .wpforms-field-radio ul,.banna-form .wpforms-field-checkbox ul{display:flex!important;gap:10px!important;flex-wrap:wrap}
.banna-form .wpforms-field-radio li,.banna-form .wpforms-field-checkbox li{margin:0!important;padding:0!important}
.banna-form .wpforms-field-radio label,.banna-form .wpforms-field-checkbox label{color:var(--ivory)!important;font-size:15px!important}
.banna-form button[type=submit],.banna-form .wpforms-submit,.banna-form .forminator-button-submit{display:inline-flex!important;align-items:center;padding:15px 30px!important;border-radius:999px!important;background:var(--gold)!important;color:var(--ink)!important;border:0!important;font:500 14px/1 var(--sans)!important;letter-spacing:.06em!important;cursor:pointer;height:auto!important}
.banna-form button[type=submit]:hover,.banna-form .forminator-button-submit:hover{background:var(--gold-2)!important}
.banna-form .wpforms-confirmation-container-full,.banna-form .forminator-response-message{background:var(--ink-2)!important;border:1px solid var(--gold)!important;color:var(--ivory)!important;border-radius:8px!important}
.banna-form .forminator-ui.forminator-custom-form{margin:0!important}
.banna-form .forminator-file-upload,.banna-form .forminator-button-upload{color:var(--ivory)!important}
.banna-form .wpforms-error,.banna-form .forminator-error-message{color:#ff9b8a!important;font-size:13px!important}

/* WooCommerce leftovers (cart/checkout pages) */
.prose .woocommerce{font-family:var(--sans);font-size:16px}
.prose .woocommerce a.button,.prose .woocommerce button.button{background:var(--gold);color:var(--ink);border-radius:999px}

/* Screen-reader title inside the masked hero headline */
.phero h1 .sr-only{position:absolute}

/* Article without a table of contents */
.with-toc.no-toc{grid-template-columns:1fr;max-width:760px}

/* ── Ads (journal only): give auto-placed AdSense units a calm, framed slot ──
   Never hide or cover ads (AdSense policy) — only space and label them. */
.has-ads .google-auto-placed{position:relative;clear:both;width:100%;max-width:760px;margin:64px auto!important;padding:34px 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}
.has-ads .google-auto-placed::before{content:"Advertisement";position:absolute;top:12px;left:50%;transform:translateX(-50%);font:500 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.has-ads .prose .google-auto-placed{margin:52px 0!important}
.has-ads .grid > .google-auto-placed,.has-ads .with-toc > .google-auto-placed{grid-column:1/-1;max-width:none;margin:28px 0!important}
.has-ads .section__inner > .google-auto-placed{max-width:none}
.has-ads .phero .google-auto-placed{position:relative;z-index:6}