/*! Nashashibi Studio - Visual Builder Platform CSS */

/* Root */
#nashashibi-builder {
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    z-index: 99999; background: #f0f0f1;
    display: flex; flex-direction: column;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    direction: ltr;
}
#nashashibi-builder * { box-sizing: border-box; }

/* Toolbar */
#nb-toolbar {
    display: flex; align-items: center; justify-content: space-between;
    height: 48px; background: #0b1426; color: #fff;
    padding: 0 12px; flex-shrink: 0; z-index: 100002;
}
#nb-toolbar .nsb-toolbar-left,
#nb-toolbar .nsb-toolbar-center,
#nb-toolbar .nsb-toolbar-right { display: flex; align-items: center; gap: 8px; }
#nb-toolbar .builder-menu-toggle {
    background: rgba(255,255,255,0.08); border: none; color: #94a3b8; cursor: pointer;
    padding: 6px 8px; border-radius: 6px; font-size: 18px; transition: all 0.15s;
}
#nb-toolbar .builder-menu-toggle:hover { background: rgba(255,255,255,0.15); color: #fff; }
#nb-toolbar .builder-logo { display: flex; align-items: center; gap: 8px; }
#nb-toolbar .builder-logo .nb-logo-mark {
    width: 28px; height: 28px; background: linear-gradient(135deg, #c9a35c, #b08845);
    border-radius: 6px; display: flex; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 800; color: #0b1426;
}
#nb-toolbar .builder-logo strong { font-size: 13px; display: block; color: #e2e8f0; }
#nb-toolbar .builder-logo small { font-size: 9px; color: #64748b; display: block; }
#nb-toolbar .builder-nav-sep {
    width: 1px; height: 24px; background: rgba(255,255,255,0.1); margin: 0 4px;
}
#nb-toolbar .builder-navigation { display: flex; gap: 2px; background: rgba(255,255,255,0.06); border-radius: 6px; padding: 2px; }
#nb-toolbar .builder-nav-button {
    background: transparent; border: none; color: #94a3b8; cursor: pointer;
    padding: 4px 12px; border-radius: 4px; font-size: 12px; transition: all 0.15s;
}
#nb-toolbar .builder-nav-button.is-active,
#nb-toolbar .builder-nav-button:hover { background: rgba(255,255,255,0.1); color: #c9a35c; }
#nb-toolbar .nb-save-pill {
    display: flex; align-items: center; gap: 6px; font-size: 11px;
    padding: 3px 10px; border-radius: 12px; background: rgba(255,255,255,0.06);
}
#nb-toolbar .nb-save-pill .nb-dot {
    width: 6px; height: 6px; border-radius: 50%; background: #22c55e;
}
#nb-toolbar .nb-save-pill.saving .nb-dot { background: #f59e0b; animation: nb-pulse 0.8s infinite; }
#nb-toolbar .nb-save-pill.dirty .nb-dot { background: #f59e0b; }
#nb-toolbar .builder-toolbar-page { display: flex; flex-direction: column; align-items: flex-end; }
#nb-toolbar .builder-toolbar-page .nb-pt-label { font-size: 8px; color: #64748b; text-transform: uppercase; }
#nb-toolbar .builder-toolbar-page .nb-pt-title {
    font-size: 12px; color: #e2e8f0; max-width: 140px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#nb-toolbar .builder-action-button {
    background: rgba(255,255,255,0.06); border: none; color: #94a3b8; cursor: pointer;
    padding: 6px 10px; border-radius: 6px; font-size: 14px; transition: all 0.15s;
}
#nb-toolbar .builder-action-button:hover:not(:disabled) { background: rgba(255,255,255,0.12); color: #fff; }
#nb-toolbar .builder-action-button:disabled { opacity: 0.3; cursor: default; }
#nb-toolbar .builder-action-button.nb-btn-primary {
    background: linear-gradient(135deg, #c9a35c, #b08845); color: #fff; font-size: 12px; font-weight: 600; padding: 6px 16px;
}
#nb-toolbar .builder-action-button.nb-btn-primary:hover { filter: brightness(1.1); }
#nb-toolbar .builder-action-button.nb-btn-outline {
    background: transparent; border: 1px solid rgba(255,255,255,0.2); color: #e2e8f0; font-size: 12px; padding: 6px 16px;
}
#nb-toolbar .nb-device-switcher { display: flex; gap: 2px; background: rgba(255,255,255,0.06); border-radius: 6px; padding: 2px; }
#nb-toolbar .nb-device-switcher button {
    background: transparent; border: none; color: #64748b; cursor: pointer; padding: 4px 10px; font-size: 12px; border-radius: 4px;
}
#nb-toolbar .nb-device-switcher button.is-active { background: rgba(255,255,255,0.15); color: #c9a35c; }

/* Workspace Layout */
.nsb-workspace { display: flex; flex: 1; overflow: hidden; }

/* Sidebar */
#nb-sidebar {
    width: 280px; background: #fff; border-right: 1px solid #e2e8f0;
    overflow-y: auto; flex-shrink: 0; display: flex; flex-direction: column;
}
#nb-sidebar .builder-sidebar-header { border-bottom: 1px solid #e2e8f0; }
#nb-sidebar .builder-sidebar-header h2 {
    padding: 14px 16px 0; margin: 0; font-size: 15px; color: #1e293b;
    display: flex; align-items: center; gap: 8px;
}
#nb-sidebar .nb-sidebar-tabs { display: flex; }
#nb-sidebar .nb-sidebar-tabs button {
    flex: 1; padding: 10px; background: none; border: none; cursor: pointer;
    font-size: 13px; color: #64748b; border-bottom: 2px solid transparent;
}
#nb-sidebar .nb-sidebar-tabs button.is-active { border-bottom-color: #b08845; color: #b08845; font-weight: 600; }
#nb-sidebar .nb-sidebar-search { padding: 10px 16px; position: relative; }
#nb-sidebar .nb-sidebar-search input {
    width: 100%; padding: 8px 12px 8px 32px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 13px;
}
#nb-sidebar .nb-sidebar-search .dashicons { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 16px; }
#nb-sidebar .builder-sidebar-content { flex: 1; overflow-y: auto; padding: 12px; }
#nb-sidebar .nb-sidebar-empty { padding: 40px 16px; text-align: center; color: #94a3b8; }
#nb-sidebar .nb-sidebar-empty .dashicons { font-size: 36px; margin-bottom: 8px; }

/* Sidebar - Categories & Elements */
.builder-category { margin-bottom: 16px; }
.builder-category-title {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    color: #64748b; letter-spacing: 0.5px; padding: 0 0 6px 0;
    display: flex; align-items: center; justify-content: space-between;
}
.builder-category-title .nb-cat-count {
    font-size: 10px; color: #94a3b8; background: #f1f5f9;
    padding: 2px 6px; border-radius: 10px; font-weight: 400;
}
.builder-category-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.builder-element {
    border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px 6px;
    text-align: center; cursor: grab; font-size: 11px; font-weight: 500;
    transition: all 0.15s; background: #f8fafc; user-select: none;
}
.builder-element:hover {
    border-color: #b08845; color: #b08845; background: #fef9f0;
    transform: translateY(-1px); box-shadow: 0 2px 8px rgba(176,136,69,0.12);
}
.builder-element .builder-element-icon { display: block; font-size: 20px; margin-bottom: 4px; }
.builder-element .nb-icon { display: inline-block; }
.builder-element.is-dragging { opacity: 0.3; transform: scale(0.95); }
.builder-empty {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 300px; color: #94a3b8; font-size: 14px; text-align: center;
    transition: all 0.2s; border-radius: 8px;
}
.builder-empty.is-dragover {
    background: rgba(176,136,69,0.06) !important;
    box-shadow: inset 0 0 40px rgba(176,136,69,0.08);
    border: 2px dashed #b08845;
}

/* Canvas */
#nb-canvas {
    flex: 1; overflow: auto; padding: 24px; display: flex; justify-content: center;
    background: #f1f5f9;
}
.nb-canvas-frame {
    width: 100%; min-height: calc(100vh - 200px); background: #fff;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08); position: relative;
    transition: max-width 0.3s; border-radius: 4px;
}
.nb-canvas-frame.desktop { max-width: 100%; }
.nb-canvas-frame.tablet { max-width: 768px; }
.nb-canvas-frame.mobile { max-width: 375px; }

/* Canvas elements */
.nb-canvas-element {
    position: relative; cursor: pointer; transition: outline 0.15s;
}
.nb-canvas-element:hover { outline: 1px dashed #b08845; outline-offset: 2px; }
.nb-canvas-element.is-selected { outline: 2px solid #b08845; outline-offset: 2px; }
.nb-canvas-element .nb-element-toolbar {
    display: none; position: absolute; top: -36px; right: 0;
    background: #1e1e1e; border-radius: 6px; padding: 2px; z-index: 100; gap: 2px;
}
.nb-canvas-element:hover .nb-element-toolbar,
.nb-canvas-element.is-selected .nb-element-toolbar { display: flex; }
.nb-canvas-element .nb-element-toolbar button {
    background: none; border: none; color: #fff; cursor: pointer;
    font-size: 11px; padding: 4px 8px; border-radius: 3px; white-space: nowrap;
}
.nb-canvas-element .nb-element-toolbar button:hover { background: rgba(255,255,255,0.15); }

/* Column indicators */
.nb-column { position: relative; min-height: 40px; }
.nb-column .nb-column-width { position: absolute; top: 4px; right: 4px; font-size: 10px; color: #94a3b8; background: rgba(255,255,255,0.9); padding: 1px 4px; border-radius: 2px; }

/* Inspector */
#nb-inspector {
    width: 300px; background: #fff; border-left: 1px solid #e2e8f0;
    overflow-y: auto; flex-shrink: 0;
}
.nb-inspector-tabs { display: flex; border-bottom: 1px solid #e2e8f0; position: sticky; top: 0; background: #fff; z-index: 1; }
.nb-inspector-tabs button {
    flex: 1; padding: 10px; background: none; border: none; border-bottom: 2px solid transparent;
    cursor: pointer; font-size: 12px; color: #64748b; font-weight: 500;
}
.nb-inspector-tabs button.active { border-bottom-color: #b08845; color: #b08845; }
.nb-inspector-content { padding: 16px; }
.nb-inspector-empty { padding: 40px 16px; text-align: center; color: #94a3b8; font-size: 13px; }
.nb-inspector-field { margin-bottom: 14px; }
.nb-inspector-field label {
    display: block; font-size: 11px; font-weight: 600; color: #475569;
    margin-bottom: 4px; text-transform: uppercase; letter-spacing: 0.3px;
}
.nb-inspector-field input[type="text"],
.nb-inspector-field input[type="url"],
.nb-inspector-field input[type="number"],
.nb-inspector-field select,
.nb-inspector-field textarea {
    width: 100%; padding: 6px 10px; border: 1px solid #e2e8f0;
    border-radius: 6px; font-size: 13px; background: #fff; color: #1e293b;
    transition: border-color 0.15s;
}
.nb-inspector-field input:focus,
.nb-inspector-field select:focus,
.nb-inspector-field textarea:focus {
    border-color: #b08845; outline: none; box-shadow: 0 0 0 3px rgba(176,136,69,0.1);
}
.nb-inspector-field textarea { min-height: 80px; resize: vertical; font-family: inherit; }
.nb-inspector-row { display: flex; gap: 8px; }
.nb-inspector-row .nb-inspector-field { flex: 1; }
.nb-inspector-color-wrap { display: flex; align-items: center; gap: 8px; }
.nb-inspector-color-wrap input[type="color"] {
    width: 32px; height: 32px; padding: 0; border: 1px solid #e2e8f0; border-radius: 6px; cursor: pointer;
}
.nb-inspector-color-wrap input[type="text"] { flex: 1; }
.nb-inspector-align { display: flex; gap: 2px; background: #f1f5f9; border-radius: 6px; padding: 2px; }
.nb-inspector-align button {
    flex: 1; padding: 6px; background: none; border: none; cursor: pointer;
    font-size: 14px; border-radius: 4px; color: #64748b;
}
.nb-inspector-align button.active { background: #fff; color: #b08845; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.nb-inspector-toggle { display: flex; align-items: center; justify-content: space-between; }
.nb-inspector-toggle button {
    width: 44px; height: 24px; border-radius: 12px; border: none; cursor: pointer;
    background: #cbd5e1; position: relative; transition: background 0.2s;
}
.nb-inspector-toggle button.on { background: #b08845; }
.nb-inspector-toggle button::after {
    content: ''; position: absolute; top: 2px; left: 2px;
    width: 20px; height: 20px; border-radius: 50%; background: #fff;
    transition: transform 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* ====================================================================
   CANVAS ELEMENT STYLES — Weebly-level professional rendering
   ==================================================================== */

/* Typography */
.nb-canvas-frame h1, #nb-canvas h1 { font-size: 2.25rem; font-weight: 800; color: #14213d; margin: 0 0 16px; line-height: 1.3; }
.nb-canvas-frame h2, #nb-canvas h2 { font-size: 1.75rem; font-weight: 700; color: #14213d; margin: 0 0 12px; line-height: 1.35; }
.nb-canvas-frame h3, #nb-canvas h3 { font-size: 1.35rem; font-weight: 700; color: #14213d; margin: 0 0 10px; }
.nb-canvas-frame p, #nb-canvas p { font-size: 1rem; color: #1c2430; margin: 0 0 12px; line-height: 1.85; }

/* Button */
.nb-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 28px; border-radius: 12px; font-weight: 700; cursor: pointer; transition: all 0.25s; text-decoration: none; border: none; font-family: inherit; }
.nb-button.is-gold { background: linear-gradient(135deg, #c9a35c 0%, #b08845 100%); color: #fff; box-shadow: 0 4px 14px rgba(176,136,69,0.3); }
.nb-button.is-gold:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(176,136,69,0.45); filter: brightness(1.08); }
.nb-button.is-outline { background: transparent; border: 2px solid #14213d; color: #14213d; }
.nb-button.is-outline:hover { background: #14213d; color: #fff; }
.nb-button.is-outline-light { background: transparent; border: 2px solid rgba(255,255,255,0.7); color: #fff; }
.nb-button.is-outline-light:hover { background: rgba(255,255,255,0.15); }
.nb-button.is-light { background: #fff; color: #14213d; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.nb-button.is-dark { background: #14213d; color: #fff; }
.nb-button.is-frame { border: 2px solid #b08845; color: #b08845; background: transparent; }
.nb-button.is-block { display: flex; width: 100%; }

/* Image */
.nb-image { overflow: hidden; }
.nb-image img { display: block; max-width: 100%; height: auto; transition: transform 0.3s; }
.nb-image.is-frame img { border: 3px solid #f1f5f9; }
.nb-image figcaption { text-align: center; color: #64748b; font-size: 13px; margin-top: 10px; font-style: italic; }

/* Gallery */
.nb-gallery { display: grid; gap: 10px; }
.nb-gallery a { display: block; overflow: hidden; border-radius: 8px; }
.nb-gallery img { display: block; width: 100%; height: 180px; object-fit: cover; border-radius: 8px; transition: transform 0.3s; }
.nb-gallery a:hover img { transform: scale(1.05); }

/* Slideshow */
.nb-slideshow { position: relative; overflow: hidden; border-radius: 12px; background: #f1f5f9; box-sizing: border-box; }
.nb-slideshow-track { height: 100%; position: relative; overflow: hidden; border-radius: inherit; }
.nb-slide { position: absolute; inset: 0; opacity: 0; z-index: 0; transition: opacity .55s ease, transform .55s ease; pointer-events: none; }
.nb-slide.is-active { opacity: 1; z-index: 1; pointer-events: auto; }
.nb-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nb-slide > a { display:block; width:100%; height:100%; }
.nb-slide-caption { position: absolute; z-index: 3; background: rgba(8,25,44,.82); color: #fff; padding: 12px 20px; font-size: 14px; line-height: 1.7; backdrop-filter: blur(5px); }
.nb-slide-caption.is-bottom { bottom:0; left:0; right:0; }
.nb-slide-caption.is-top { top:0; left:0; right:0; }
.nb-slide-caption.is-left { top:0; bottom:0; left:0; width:min(36%,320px); display:flex; align-items:center; }
.nb-slide-caption.is-right { top:0; bottom:0; right:0; width:min(36%,320px); display:flex; align-items:center; }
.nb-slideshow[data-transition="slide-left"] .nb-slide { opacity:1; transform:translateX(100%); }
.nb-slideshow[data-transition="slide-left"] .nb-slide.is-active { transform:translateX(0); }
.nb-slideshow[data-transition="slide-right"] .nb-slide { opacity:1; transform:translateX(-100%); }
.nb-slideshow[data-transition="slide-right"] .nb-slide.is-active { transform:translateX(0); }
.nb-slideshow[data-transition="slide-up"] .nb-slide { opacity:1; transform:translateY(100%); }
.nb-slideshow[data-transition="slide-up"] .nb-slide.is-active { transform:translateY(0); }
.nb-slideshow[data-transition="slide-down"] .nb-slide { opacity:1; transform:translateY(-100%); }
.nb-slideshow[data-transition="slide-down"] .nb-slide.is-active { transform:translateY(0); }
.nb-slide-prev, .nb-slide-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 6; background: rgba(255,255,255,.92); border: 1px solid rgba(20,33,61,.12); width: 42px; height: 42px; border-radius: 50%; font-size: 23px; line-height:1; cursor: pointer; color: #14213d; box-shadow: 0 3px 12px rgba(0,0,0,.18); }
.nb-slide-prev { left: 16px; } .nb-slide-next { right: 16px; }
.nb-slideshow-numbers { position:absolute; z-index:7; left:50%; bottom:14px; transform:translateX(-50%); display:flex; gap:4px; padding:4px; border-radius:5px; background:rgba(5,20,36,.58); }
.nb-slide-number { min-width:27px; height:26px; padding:0 7px; border:0; border-radius:3px; background:rgba(255,255,255,.82); color:#18314f; font-weight:700; cursor:pointer; }
.nb-slide-number.is-active { background:#c9a35c; color:#fff; }
.nb-slideshow-thumbnails { position:absolute; z-index:7; display:flex; gap:6px; padding:7px; background:rgba(6,23,40,.52); backdrop-filter:blur(5px); max-width:calc(100% - 24px); overflow:auto; }
.nb-slideshow-thumbnails.is-bottom { left:12px; right:12px; bottom:10px; justify-content:center; }
.nb-slideshow-thumbnails.is-top { left:12px; right:12px; top:10px; justify-content:center; }
.nb-slideshow-thumbnails.is-right, .nb-slideshow-thumbnails.is-double { top:10px; right:10px; bottom:10px; width:74px; flex-direction:column; max-height:calc(100% - 20px); }
.nb-slideshow-thumbnails.is-double { width:142px; display:grid; grid-template-columns:1fr 1fr; align-content:start; }
.nb-slide-thumb { flex:0 0 auto; width:58px; height:42px; padding:2px; border:2px solid transparent; background:#fff; border-radius:3px; cursor:pointer; opacity:.76; }
.nb-slide-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.nb-slide-thumb.is-active { border-color:#c9a35c; opacity:1; box-shadow:0 0 0 1px rgba(255,255,255,.85); }
@media (max-width:640px){.nb-slide-caption.is-left,.nb-slide-caption.is-right{top:auto;bottom:0;left:0;right:0;width:auto}.nb-slideshow-thumbnails.is-right,.nb-slideshow-thumbnails.is-double{left:8px;right:8px;top:auto;bottom:8px;width:auto;display:flex;flex-direction:row}.nb-slide-prev,.nb-slide-next{width:36px;height:36px}.nb-slide-prev{left:8px}.nb-slide-next{right:8px}}

/* Divider */
.nb-divider { border: none; margin: 20px 0; border-radius: 1px; }
.nb-divider.is-gold { background: linear-gradient(90deg, transparent, #c9a35c, transparent); }

/* Spacer */
.nb-spacer { width: 100%; }

/* Map */
.nb-map { border-radius: 12px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.nb-map iframe { width: 100%; height: 100%; border: none; }

/* Video */
.nb-video { border-radius: 12px; overflow: hidden; background: #000; box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.nb-video iframe, .nb-video video { width: 100%; height: 100%; display: block; }
.nb-video.is-16x9 { aspect-ratio: 16/9; }
.nb-video.is-4x3 { aspect-ratio: 4/3; }
.nb-video.is-1x1 { aspect-ratio: 1/1; }

/* Tabs */
.nb-tabs { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.nb-tabs-nav { display: flex; background: #f8fafc; border-bottom: 1px solid #e2e8f0; }
.nb-tabs-nav button { flex: 1; padding: 14px 20px; border: none; background: transparent; font-size: 14px; font-weight: 600; color: #64748b; cursor: pointer; transition: all 0.2s; position: relative; }
.nb-tabs-nav button.is-active { color: #14213d; background: #fff; box-shadow: 0 -2px 0 #b08845 inset; }
.nb-tabs-pane { padding: 24px; font-size: 14px; line-height: 1.8; color: #475569; display: none; }
.nb-tabs-pane.is-active { display: block; }

/* Accordion */
.nb-accordion { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.nb-acc-item { border-bottom: 1px solid #e2e8f0; }
.nb-acc-item:last-child { border-bottom: none; }
.nb-acc-head { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: #fff; border: none; cursor: pointer; font-size: 15px; font-weight: 600; color: #14213d; transition: background 0.2s; text-align: right; }
.nb-acc-head:hover { background: #f8fafc; }
.nb-acc-icon { font-size: 18px; color: #b08845; transition: transform 0.3s; }
.nb-acc-item.is-open .nb-acc-icon { transform: rotate(45deg); }
.nb-acc-body { padding: 0 20px 20px; font-size: 14px; line-height: 1.8; color: #475569; display: none; }
.nb-acc-item.is-open .nb-acc-body { display: block; }

/* Counter */
.nb-counter { text-align: center; padding: 24px; }
.nb-counter-value { font-size: 3rem; font-weight: 800; line-height: 1.2; }
.nb-counter-label { font-size: 14px; color: #64748b; margin-top: 6px; }

/* Hero */
.nb-hero { background: linear-gradient(160deg, #14213d 0%, #0b1426 50%, #14213d 100%); color: #fff; padding: 80px 0; overflow: hidden; }
.nb-hero .nb-container { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 0 24px; gap: 48px; }
.nb-hero-eyebrow { font-size: 13px; text-transform: uppercase; letter-spacing: 3px; color: #b08845; margin-bottom: 12px; font-weight: 600; }
.nb-hero-title { font-size: 3rem; font-weight: 800; margin: 0 0 16px; line-height: 1.15; color: #fff !important; }
.nb-hero-sub { font-size: 1.15rem; opacity: 0.85; margin-bottom: 32px; max-width: 500px; line-height: 1.7; }
.nb-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.nb-hero-visual { flex-shrink: 0; }
.nb-seal { width: 160px; height: 160px; border-radius: 50%; border: 3px solid rgba(201,163,92,0.3); display: flex; align-items: center; justify-content: center; }
.nb-seal-mark { font-size: 48px; font-weight: 800; color: #b08845; }

/* Lawyer Card */
.nb-lawyer-card { display: flex; gap: 24px; padding: 24px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.04); }
.nb-lawyer-photo { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.nb-lawyer-photo img { width: 100%; height: 100%; object-fit: cover; }
.nb-lawyer-avatar { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #b08845, #c9a35c); color: #fff; font-size: 2rem; font-weight: 800; }
.nb-lawyer-body h3 { margin: 0 0 4px; font-size: 1.15rem; }
.nb-lawyer-role { font-size: 13px; color: #b08845; font-weight: 600; margin-bottom: 8px; }
.nb-lawyer-bio { font-size: 13px; color: #64748b; line-height: 1.7; margin: 0; }

/* Practice Area */
.nb-practice { text-align: center; padding: 32px 20px; background: #fff; border: 1px solid #f1f5f9; border-radius: 16px; transition: all 0.3s; }
.nb-practice:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); border-color: #e2e8f0; }
.nb-practice-icon { width: 64px; height: 64px; margin: 0 auto 16px; background: #fbf8f1; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #b08845; }
.nb-practice h3 { margin: 0 0 8px; font-size: 1.1rem; }
.nb-practice p { color: #64748b; font-size: 13px; margin: 0; }

/* Team */
.nb-team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 20px; }
.nb-team-member { text-align: center; padding: 24px 16px; background: #fff; border: 1px solid #f1f5f9; border-radius: 16px; }
.nb-team-avatar { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, #14213d, #2a3f5f); color: #b08845; font-size: 24px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }
.nb-team-member h3 { margin: 0 0 4px; font-size: 14px; }
.nb-team-member span { font-size: 12px; color: #64748b; }

/* Testimonial */
.nb-testimonial { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 32px; position: relative; }
.nb-testimonial::before { content: '"'; position: absolute; top: 16px; left: 24px; font-size: 64px; color: #f1f5f9; line-height: 1; font-family: serif; }
.nb-testimonial-text { font-size: 15px; line-height: 1.8; color: #475569; margin-bottom: 20px; }
.nb-testimonial-author { display: flex; align-items: center; gap: 12px; }
.nb-ta-avatar { width: 44px; height: 44px; border-radius: 50%; background: #14213d; color: #b08845; display: flex; align-items: center; justify-content: center; font-weight: 800; }
.nb-testimonial-author strong { font-size: 14px; color: #14213d; display: block; }
.nb-testimonial-author small { font-size: 12px; color: #94a3b8; }

/* FAQ */
.nb-faq { border: none; }
.nb-faq .nb-acc-head { background: #fafafa; }
.nb-faq .nb-acc-item { border: 1px solid #e2e8f0; border-radius: 12px; margin-bottom: 8px; }
.nb-faq .nb-acc-item:last-child { margin-bottom: 0; }

/* Contact Card */
.nb-contact-card { background: #fff; border: 1px solid #f1f5f9; border-radius: 16px; padding: 32px; }
.nb-contact-card h3 { margin: 0 0 4px; font-size: 1.2rem; }
.nb-contact-card > p { color: #64748b; margin: 0 0 24px; }
.nb-contact-line { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #f1f5f9; font-size: 14px; color: #475569; }
.nb-contact-line:last-child { border-bottom: none; }
.nb-contact-line .dashicons { color: #b08845; }

/* Timeline */
.nb-timeline { position: relative; padding-right: 32px; }
.nb-timeline::before { content: ''; position: absolute; right: 8px; top: 0; bottom: 0; width: 2px; background: #e2e8f0; }
.nb-tl-item { position: relative; margin-bottom: 32px; }
.nb-tl-item::before { content: ''; position: absolute; right: -28px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #b08845; border: 3px solid #fff; box-shadow: 0 0 0 2px #b08845; }
.nb-tl-date { font-size: 13px; color: #b08845; font-weight: 700; margin-bottom: 4px; }
.nb-tl-item h4 { margin: 0 0 4px; font-size: 1rem; }
.nb-tl-item p { color: #64748b; font-size: 13px; margin: 0; }

/* Embed / HTML */
.nb-embed { border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: #f8fafc; }
.nb-embed iframe { display: block; width:100%; border: none; }
.nb-html { border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; background: #fff; min-height: 40px; }
.nb-code-preview-wrap{position:relative;min-height:80px;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 1px 8px rgba(20,38,58,.08)}
.nb-code-preview-wrap iframe{display:block;width:100%;border:1px solid #d9e0e5;border-radius:8px;background:#fff}
#builder-drop-zone .nb-element .nb-code-preview-wrap iframe{pointer-events:none}
.nb-embed-placeholder{appearance:none;-webkit-appearance:none;padding:0;border:2px dashed #cbd3d9;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#f7f9fa;color:#71808c;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;font-family:Tajawal,Arial,sans-serif}
.nb-embed-placeholder strong{font-size:15px;color:#294252}.nb-embed-placeholder small{font-size:11px;color:#93a0aa}.nb-embed-empty-icon{display:grid;place-items:center;width:52px;height:44px;border-radius:8px;background:#e9eef1;color:#1684e8;font:800 19px Consolas,monospace}
.nb-embed-placeholder:hover,.nb-element.is-selected .nb-embed-placeholder{border-color:#39a5ff!important;background:#f1f8ff;color:#1684e8;box-shadow:0 0 0 3px rgba(57,165,255,.10)}
.nb-embed-canvas-edit{position:absolute;z-index:7;inset:auto 12px 12px auto;height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#30383e;color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.24);font:800 11px Tajawal,Arial,sans-serif;cursor:pointer;opacity:0;transform:translateY(4px);transition:.18s}
.nb-embed-canvas-edit span{margin-left:5px;color:#63b7ff;font:800 13px Consolas,monospace}
.nb-element:hover .nb-embed-canvas-edit,.nb-element.is-selected .nb-embed-canvas-edit{opacity:1;transform:none}
.nb-embed-canvas-edit:hover{background:#1684e8}
.nb-shortcode { font-family: monospace; font-size: 13px; direction: ltr; }
.nb-css { white-space: pre-wrap; overflow-x: auto; max-height: 300px; overflow-y: auto; font-size: 12px; }

/* Form — premium styling */
.nb-form { max-width: 600px; }
.nb-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px; }
.nb-form-field { display: flex; flex-direction: column; gap: 6px; }
.nb-form-field.is-full { grid-column: 1 / -1; }
.nb-form-field label { font-size: 13px; font-weight: 600; color: #475569; }
.nb-form-field .nb-req { color: #ef4444; }
.nb-form-field input, .nb-form-field textarea, .nb-form-field select {
    width: 100%; padding: 10px 14px; border: 2px solid #e2e8f0; border-radius: 10px;
    font-size: 14px; color: #1e293b; background: #fff; transition: all 0.2s;
    font-family: inherit;
}
.nb-form-field input:focus, .nb-form-field textarea:focus, .nb-form-field select:focus {
    border-color: #b08845; outline: none; box-shadow: 0 0 0 4px rgba(176,136,69,0.08);
}
.nb-form-field textarea { min-height: 120px; resize: vertical; }
.nb-form-field input::placeholder { color: #94a3b8; }
.nb-form-status { margin-top: 12px; font-size: 13px; display: none; padding: 10px 16px; border-radius: 8px; }
.nb-form-status.is-show { display: block; }
.nb-form-status.success { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.nb-form-status.error { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* FINAL 5.6 — Weebly-style professional form system */
.nb-form{
    --nb-form-accent:#b08845;--nb-form-bg:#fff;--nb-form-border:#e3e7eb;--nb-form-radius:14px;
    width:100%;max-width:780px;margin-inline:auto;padding:clamp(20px,3vw,34px);box-sizing:border-box;
    border:1px solid var(--nb-form-border);border-radius:var(--nb-form-radius);background:var(--nb-form-bg);
    box-shadow:0 12px 36px rgba(20,37,58,.08)
}
.nb-form-title{margin:0 0 7px;color:#17375d;font-size:clamp(20px,2.4vw,28px)}
.nb-form-description{margin:0 0 24px;color:#72808b;font-size:14px;line-height:1.7}
/* FINAL 7.5.33 — professional Amman availability status for contact/consultation forms. */
.nlo-form-live-status{
    --nlo-live:#16a34a;--nlo-live-soft:#f0fdf4;--nlo-live-line:#bbf7d0;--nlo-live-text:#14532d;
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;
    margin:0 0 22px;padding:12px 14px;border:1px solid var(--nlo-live-line);border-radius:14px;
    background:linear-gradient(135deg,var(--nlo-live-soft),#fff);color:var(--nlo-live-text);
    box-shadow:0 7px 22px rgba(15,23,42,.055);direction:inherit;text-align:start;box-sizing:border-box
}
.nlo-form-live-status.is-offline{--nlo-live:#dc2626;--nlo-live-soft:#fff1f2;--nlo-live-line:#fecdd3;--nlo-live-text:#881337}
.nlo-form-live-dot{position:relative;display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px}
.nlo-form-live-dot i{display:block;width:10px;height:10px;border-radius:50%;background:var(--nlo-live);box-shadow:0 0 0 4px rgba(22,163,74,.10),0 0 12px rgba(22,163,74,.42)}
.nlo-form-live-status.is-offline .nlo-form-live-dot i{box-shadow:0 0 0 4px rgba(220,38,38,.10),0 0 12px rgba(220,38,38,.36)}
.nlo-form-live-dot:after{content:"";position:absolute;inset:2px;border:1px solid var(--nlo-live);border-radius:50%;animation:nloLivePulse 2s ease-out infinite}
.nlo-form-live-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.nlo-form-live-copy strong{font-size:13px;font-weight:900;line-height:1.45;color:var(--nlo-live-text)}
.nlo-form-live-copy small{font-size:11px;line-height:1.65;color:#64748b}
.nlo-form-live-clock{align-self:center;padding:5px 9px;border:1px solid var(--nlo-live-line);border-radius:999px;background:rgba(255,255,255,.78);color:#64748b;font-size:9px;font-weight:800;white-space:nowrap}
@keyframes nloLivePulse{0%{transform:scale(.75);opacity:.75}70%,100%{transform:scale(1.65);opacity:0}}
@media(max-width:560px){.nlo-form-live-status{grid-template-columns:auto minmax(0,1fr);gap:9px}.nlo-form-live-clock{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.nlo-form-live-dot:after{animation:none}}
.nb-form .nb-form-grid{display:grid;gap:18px;margin:0 0 22px}
.nb-form .nb-form-field{position:relative;min-width:0;display:flex;flex-direction:column;gap:7px}
.nb-form-label-text{font-size:13px;font-weight:800;color:#344551}.nb-form .nb-req{color:#d84040}
.nb-form .nb-form-field input:not([type=radio]):not([type=checkbox]):not([type=file]),
.nb-form .nb-form-field textarea,.nb-form .nb-form-field select{
    display:block;width:100%;min-width:0;box-sizing:border-box;padding:11px 13px;border:1px solid #ccd5dc;border-radius:8px;
    background:#fff;color:#20313c;font:14px/1.5 Tajawal,Arial,sans-serif;outline:0;transition:border-color .18s,box-shadow .18s,background .18s
}
.nb-form .nb-form-field input:focus,.nb-form .nb-form-field textarea:focus,.nb-form .nb-form-field select:focus{
    border-color:var(--nb-form-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nb-form-accent) 14%,transparent)
}
.nb-form-style-soft .nb-form-field input:not([type=radio]):not([type=checkbox]):not([type=file]),.nb-form-style-soft .nb-form-field textarea,.nb-form-style-soft .nb-form-field select{border-color:transparent;background:#f1f4f6}
.nb-form-style-underline .nb-form-field input:not([type=radio]):not([type=checkbox]):not([type=file]),.nb-form-style-underline .nb-form-field textarea,.nb-form-style-underline .nb-form-field select{padding-inline:2px;border-width:0 0 2px;border-radius:0;background:transparent;box-shadow:none}
.nb-form .nb-form-field textarea{min-height:125px;resize:vertical}.nb-form-help{color:#84919a;font-size:10px;line-height:1.5}
.nb-form-compound{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nb-form-compound label{display:flex;flex-direction:column;gap:3px}.nb-form-compound small{color:#87939c;font-size:9px}
.nb-form-address{display:flex;flex-direction:column;gap:9px}.nb-form-choices{display:flex;flex-wrap:wrap;gap:8px 18px;padding:8px 0}
.nb-form-choice{display:inline-flex;align-items:center;gap:7px;color:#42525e;font-size:13px;cursor:pointer}.nb-form-choice input{width:17px;height:17px;margin:0;accent-color:var(--nb-form-accent)}
.nb-form-upload{position:relative;display:block}.nb-form-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.nb-form-upload>span{min-height:72px;display:flex;align-items:center;justify-content:center;gap:9px;border:2px dashed #c9d2d8;border-radius:8px;background:#fafbfc;color:#667681;font-size:12px;cursor:pointer}.nb-form-upload>span b{color:#f29a28;font-size:19px}.nb-form-upload:hover>span{border-color:var(--nb-form-accent);background:#fffdf8}
.nb-form-submit{margin-top:var(--nb-form-button-space-top,4px);margin-bottom:var(--nb-form-button-space-bottom,0)}.nb-form-submit .nb-button{min-width:130px}.nb-form-optin{display:flex;align-items:center;gap:9px;margin:4px 0 12px;color:#52616b;font-size:12px;cursor:pointer}.nb-form-optin input{width:17px;height:17px;margin:0;accent-color:var(--nb-form-accent)}.nb-form-field-editor-badge{position:absolute;top:0;left:0;padding:2px 5px;border-radius:3px;background:#edf3f7;color:#71808a;font:8px Arial,sans-serif}
.nb-form-empty{grid-column:1/-1;min-height:150px;border:2px dashed #cbd3d9;background:#fafbfc;color:#71808a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.nb-form-empty strong{color:#1684e8}.nb-form-empty small{font-size:10px}
.nb-form-tool-hint{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #c9d2d8;background:#fafbfc;color:#6b7b86}.nb-form-tool-hint .nb-icon{font-size:24px;color:#1684e8}.nb-form-tool-hint small{font-size:10px}
@media(max-width:700px){.nb-form .nb-form-grid{grid-template-columns:1fr!important}.nb-form .nb-form-field{grid-column:1!important}.nb-form-compound{grid-template-columns:1fr}.nb-form{padding:20px 16px}}

/* Newsletter */
.nb-newsletter { max-width: 480px; margin: 0 auto; }
.nb-newsletter-row { display: flex; gap: 0; border-radius: 12px; overflow: hidden; border: 2px solid #e2e8f0; }
.nb-newsletter-row input { flex: 1; padding: 12px 18px; border: none; font-size: 14px; outline: none; }
.nb-newsletter-row .nb-button { border-radius: 0 10px 10px 0; white-space: nowrap; }

/* Icon */
.nb-icon { display: inline-flex; align-items: center; justify-content: center; }

/* Social Links */
/* 7.5.48 — Weebly Social Icons element: no circles, no legacy Dashicons skin. */
.nb-social-links{
  width:100%;
  min-height:68px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--nb-social-gap,26px);
  padding:20px 22px;
  direction:ltr;
  box-sizing:border-box;
}
.nb-social-links.align-left{justify-content:flex-start}
.nb-social-links.align-center{justify-content:center}
.nb-social-links.align-right{justify-content:flex-end}
.nb-social{
  width:var(--nb-social-size,20px);
  height:var(--nb-social-size,20px);
  min-width:var(--nb-social-size,20px);
  min-height:var(--nb-social-size,20px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#00375f;
  text-decoration:none;
  line-height:1;
  transition:opacity .15s ease,transform .15s ease;
}
.nb-social svg{display:block;width:100%;height:100%;fill:currentColor;overflow:visible}
.nb-social:hover{opacity:.72;transform:translateY(-1px)}
.nb-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Search */
.nb-search { display: flex; max-width: 400px; }
.nb-search input { flex: 1; padding: 10px 16px; border: 2px solid #e2e8f0; border-radius: 0 10px 10px 0; font-size: 14px; outline: none; }
.nb-search input:focus { border-color: #b08845; }
.nb-search-btn { padding: 10px 16px; background: #14213d; color: #fff; border: none; border-radius: 10px 0 0 10px; cursor: pointer; }

/* Dynamic hints (posts, categories, breadcrumbs) */
.nb-dynamic-hint { padding: 24px; border: 2px dashed #e2e8f0; border-radius: 12px; text-align: center; color: #94a3b8; font-size: 13px; background: #fafbfc; }
.nb-dynamic-hint::before { content: '⚡'; display: block; font-size: 28px; margin-bottom: 8px; }

/* Section styling */
.nb-section { position: relative; }
.nb-section.is-dark { color: #fff; }
.nb-section.is-dark h1, .nb-section.is-dark h2, .nb-section.is-dark h3 { color: #fff; }
.nb-section.is-dark p { color: rgba(255,255,255,0.85); }
.nb-section.is-cream { background: #fbf8f1 !important; }
.nb-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.nb-row { display: flex; gap: 24px; }
.nb-section-columns { flex-wrap: wrap; }
.nb-column { flex: 1 1 0%; min-width: 0; position: relative; }

/* Canvas RTL */
.nb-canvas-frame[dir="rtl"], .nb-canvas-frame [dir="rtl"] { direction: rtl; text-align: right; }
[dir="rtl"] .nb-timeline { padding-right: 32px; padding-left: 0; }
[dir="rtl"] .nb-timeline::before { right: 8px; left: auto; }
[dir="rtl"] .nb-tl-item::before { right: -28px; left: auto; }
[dir="rtl"] .nb-testimonial::before { left: auto; right: 24px; }
[dir="rtl"] .nb-newsletter-row .nb-button { border-radius: 10px 0 0 10px; }
[dir="rtl"] .nb-search { direction: rtl; }
[dir="rtl"] .nb-search input { border-radius: 10px 0 0 10px; }
[dir="rtl"] .nb-search-btn { border-radius: 0 10px 10px 0; }
.nb-inspector-toggle button.on::after { transform: translateX(20px); }
.nb-inspector-range { display: flex; align-items: center; gap: 8px; }
.nb-inspector-range input[type="range"] { flex: 1; }
.nb-inspector-range span { font-size: 12px; color: #64748b; min-width: 32px; text-align: center; }

/* Footer Status Bar */
#nb-footer {
    height: 28px; background: #1e1e1e; color: #94a3b8;
    display: flex; align-items: center; justify-content: space-between;
    padding: 0 16px; font-size: 11px; flex-shrink: 0;
}

/* Empty Canvas State */
.nb-empty-state {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-height: 400px; color: #a1a1aa; text-align: center; padding: 40px;
}
.nb-empty-state .nb-empty-icon { font-size: 48px; margin-bottom: 16px; opacity: 0.5; }
.nb-empty-state h3 { margin: 0 0 8px; font-size: 18px; color: #52525b; }
.nb-empty-state p { margin: 0; font-size: 13px; max-width: 300px; }

/* Drag & Drop indicators */
.nb-drop-zone { min-height: 40px; border: 2px dashed transparent; transition: all 0.2s; border-radius: 6px; }
.nb-drop-zone.active { border-color: #b08845; background: rgba(176,136,69,0.05); }
.nb-drop-before,
.nb-drop-after {
    height: 4px; background: linear-gradient(90deg, #b08845, #c9a35c, #b08845);
    border-radius: 2px; margin: 4px 0; transition: all 0.15s;
    animation: nb-drop-pulse 0.8s infinite; position: relative; z-index: 1000;
}
.nb-drop-before::after,
.nb-drop-after::after {
    content: ''; position: absolute; left: 50%; top: 50%;
    width: 12px; height: 12px; background: #b08845;
    border-radius: 50%; transform: translate(-50%, -50%);
    box-shadow: 0 0 8px rgba(176,136,69,0.5);
}
.nb-drop-inner {
    position: absolute; inset: 0; border: 3px dashed #b08845;
    border-radius: 8px; background: rgba(176,136,69,0.06); z-index: 999;
    animation: nb-drop-border-pulse 1.5s infinite;
}
@keyframes nb-drop-pulse {
    0%, 100% { opacity: 1; transform: scaleY(1); }
    50% { opacity: 0.7; transform: scaleY(1.5); }
}
@keyframes nb-drop-border-pulse {
    0%, 100% { border-color: #b08845; }
    50% { border-color: #c9a35c; }
}

/* Dragging from sidebar */
.builder-element.is-dragging {
    opacity: 0.3; transform: scale(0.95); border-style: dashed;
}
.nb-element[draggable="true"] {
    cursor: grabbing; opacity: 0.7; outline: 2px dashed #b08845;
    outline-offset: 2px; z-index: 100; position: relative;
}

/* Drop acceptance glow */
.is-dragover {
    background: rgba(176,136,69,0.06) !important;
    box-shadow: inset 0 0 30px rgba(176,136,69,0.08);
    transition: all 0.2s;
}

/* Element toolbar - always visible on selected */
.nb-element.is-selected .nb-element-tools {
    display: flex !important; opacity: 1;
}
.nb-element:not(.is-selected):hover .nb-element-tools {
    display: flex; opacity: 0.9;
}
.nb-element .nb-element-tools {
    display: none; position: absolute; top: -42px; right: 0;
    background: #1e293b; border-radius: 8px; padding: 4px; gap: 2px;
    z-index: 100; box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    flex-direction: row; animation: nb-tools-in 0.15s ease;
}
.nb-element .nb-element-tools button {
    background: transparent; border: none; color: #e2e8f0; cursor: pointer;
    font-size: 11px; padding: 6px 8px; border-radius: 6px; white-space: nowrap;
    transition: all 0.15s; display: flex; align-items: center; gap: 3px;
}
.nb-element .nb-element-tools button:hover {
    background: rgba(255,255,255,0.12); color: #fff;
}
.nb-element .nb-element-tools button.nb-et-delete:hover {
    background: rgba(239,68,68,0.2); color: #fca5a5;
}
@keyframes nb-tools-in {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Toast notifications */
.nb-toast {
    position: fixed; bottom: 40px; left: 50%; transform: translateX(-50%);
    background: #1e1e1e; color: #fff; padding: 10px 24px; border-radius: 8px;
    font-size: 13px; z-index: 999999; box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    animation: nb-toast-in 0.3s ease;
}
@keyframes nb-toast-in { from { opacity: 0; transform: translateX(-50%) translateY(10px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
.nb-toast.success { border-left: 3px solid #22c55e; }
.nb-toast.error { border-left: 3px solid #ef4444; }

/* RTL support */
[dir="rtl"] .nb-canvas-frame { direction: rtl; }
[dir="rtl"] #nb-sidebar { border-right: none; border-left: 1px solid #e2e8f0; }
[dir="rtl"] #nb-inspector { border-left: none; border-right: 1px solid #e2e8f0; }
[dir="rtl"] .nb-inspector-align { direction: rtl; }

/* Responsive */
@media (max-width: 1200px) {
    #nb-sidebar { width: 240px; }
    #nb-inspector { width: 260px; }
}
@media (max-width: 900px) {
    #nb-inspector { position: fixed; right: 0; top: 48px; bottom: 28px; z-index: 100001; display: none; }
    #nb-inspector.open { display: block; }
}

/* Weebly-inspired workspace polish */
#nb-toolbar{height:50px!important;background:#343a40!important;border-bottom:1px solid #252a2f!important;box-shadow:none!important;font-family:Arial,Tajawal,sans-serif!important;}
#nb-toolbar .builder-logo{display:none!important}
#nb-toolbar .builder-navigation{background:transparent!important;padding:0!important;gap:0!important;border-radius:0!important}
#nb-toolbar .builder-nav-button{font-size:13px!important;color:#c7cbd0!important;border-radius:0!important;padding:15px 16px!important;height:50px!important}
#nb-toolbar .builder-nav-button.is-active,#nb-toolbar .builder-nav-button:hover{background:#424950!important;color:#fff!important}
#nb-toolbar .nsb-toolbar-left{gap:0!important}
#nb-toolbar .builder-menu-toggle{width:42px!important;height:50px!important;border-radius:0!important;background:#2c3136!important}
#nb-toolbar .nsb-toolbar-right{gap:5px!important}
#nb-toolbar .builder-action-button{border-radius:3px!important}
#nb-sidebar{width:250px!important;background:#42484d!important;border-right:1px solid #292e32!important;color:#fff!important}
#nb-sidebar .builder-sidebar-header{background:#42484d!important;border-bottom:1px solid #555c62!important}
#nb-sidebar .builder-sidebar-header h2{color:#fff!important;font-size:15px!important;padding:14px 14px 8px!important}
#nb-sidebar .nb-sidebar-tabs button{color:#c5c9cc!important;border-bottom-color:transparent!important;padding:9px 6px!important}
#nb-sidebar .nb-sidebar-tabs button.is-active{color:#fff!important;border-bottom-color:#fff!important}
#nb-sidebar .nb-sidebar-search input{background:#343a40!important;color:#fff!important;border-color:#5b6268!important;border-radius:3px!important}
#nb-sidebar .builder-sidebar-content{padding:12px!important;background:#42484d!important}
#nb-sidebar .builder-category-title{color:#d9dde0!important}
#nb-sidebar .builder-category-title .nb-cat-count{background:#343a40!important;color:#aeb4b8!important}
#nb-sidebar .builder-element{background:#4d545a!important;border-color:#626a70!important;color:#f1f3f4!important;border-radius:3px!important;padding:12px 5px!important;min-height:76px!important}
#nb-sidebar .builder-element:hover{background:#596168!important;border-color:#fff!important;color:#fff!important;transform:none!important;box-shadow:none!important}
#nb-sidebar .builder-element-icon{font-size:24px!important;color:#fff!important}
#nb-sidebar .builder-element-title{font-size:11px!important}
#nb-canvas{background:#e8eaec!important;padding:22px!important}
.nb-canvas-frame{border-radius:0!important;box-shadow:0 2px 12px rgba(0,0,0,.15)!important;min-height:calc(100vh - 180px)!important}
#nb-inspector{width:290px!important}
.nsb-footer{height:30px!important;background:#343a40!important;color:#c8cdd1!important}
#nb-sidebar .nb-add-section{margin:0 12px 10px;width:calc(100% - 24px);padding:10px;background:#fff;color:#333;border:0;border-radius:3px;font-weight:700;cursor:pointer}
#nb-sidebar .nb-add-section:hover{background:#f1f3f4}
.nb-icon-menu:before{content:'☰'}.nb-icon-money:before{content:'◉'}

/* v10 — imported Weebly element language / native previews */
.nb-weebly-native{min-height:76px;padding:18px 20px;border:1px dashed #c9d0d8;border-radius:8px;background:linear-gradient(180deg,#fff,#f7f9fb);text-align:right}
.nb-weebly-native-head{display:flex;align-items:center;gap:9px;color:#243447;font-size:15px}
.nb-weebly-native-head .dashicons{color:#c9a35c}
.nb-weebly-native-text{margin-top:8px;color:#64748b;line-height:1.8}
.nb-weebly-native-placeholder{margin-top:8px;color:#9aa6b2;font-size:13px}
.nb-media-native{width:100%;padding:4px}
.nb-media-caption{font-size:12px;color:#75808c;margin-top:6px;text-align:center}
.nb-file-native{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px;border:1px solid #e4e7eb;border-radius:8px;background:#fafbfc}
.nb-file-native a{color:#0b477e;text-decoration:none;font-weight:700}
.nb-blockquote-native{margin:0;padding:22px 26px;border-inline-start:4px solid #c9a35c;background:#fbfaf7;color:#27364a;font-size:18px;line-height:1.9;border-radius:6px}
.nb-blockquote-native cite{display:block;margin-top:8px;font-size:13px;color:#7b8794}
.nb-simple-table{width:100%;border-collapse:collapse;background:#fff}
.nb-simple-table td{border:1px solid #dfe4e9;padding:11px 13px}
.nb-color-block{min-height:80px}
.nb-content-box{border:1px solid;box-shadow:0 8px 24px rgba(11,37,64,.06)}
.nb-ad-placeholder{min-height:90px;display:flex;align-items:center;justify-content:center;border:1px dashed #cfd6dd;color:#98a2ad;border-radius:8px;background:#fafbfc}
.nb-group-native{padding:18px;border:1px dashed #cbd3db;border-radius:8px;background:#fff}
.nb-text-animation{padding:18px;text-align:center;font-size:24px;font-weight:700;color:#0b2540;animation:nbTextPulse 2.4s ease-in-out infinite}
@keyframes nbTextPulse{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}

/* Weebly-style sidebar category rhythm */
.builder-category-title{display:flex;align-items:center;justify-content:space-between}
.nb-cat-count{font-size:10px;line-height:18px;min-width:18px;padding:0 5px;border-radius:9px;background:#eef2f6;color:#7b8794;text-align:center}
.builder-element[title]{cursor:grab}
.builder-element.is-dragging{opacity:.45;transform:scale(.97)}
/* FINAL 6.2 — premium Nashashibi global identity */
.nlo-brand-header{position:relative;z-index:30;background:#fff;color:var(--nlo-primary);border-bottom:1px solid rgba(11,28,71,.1);box-shadow:0 12px 36px rgba(11,28,71,.08)}
.nlo-brand-topbar{background:#071735;color:#e9dfb8;font-size:11px;letter-spacing:.02em}.nlo-brand-topbar .nash-shell{min-height:34px;padding-block:0;display:flex;align-items:center;justify-content:space-between;gap:18px}.nlo-brand-topbar div{display:flex;gap:18px}.nlo-brand-topbar a{color:#fff;text-decoration:none}
.nlo-brand-main{min-height:86px;padding-block:13px;display:flex;align-items:center;gap:26px}.nlo-brand-identity{display:flex;align-items:center;gap:11px;color:var(--nlo-primary);text-decoration:none;min-width:max-content}.nlo-brand-identity>span:last-child{display:flex;flex-direction:column}.nlo-brand-identity strong{font-size:clamp(17px,1.7vw,23px);line-height:1.25}.nlo-brand-identity small{color:#9a7b2e;font-size:11px}.nlo-brand-mark{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#e1ca74,#987321);color:#071735;font:900 25px/1 Georgia,serif;box-shadow:inset 0 1px #fff8c8,0 8px 20px rgba(11,28,71,.16)}
.nlo-brand-header .nlo-live-page-navigation{margin-inline-start:auto}.nlo-brand-header .nlo-live-nav-level-0{display:flex;align-items:center;gap:2px}.nlo-brand-header .nlo-live-nav-level{list-style:none;margin:0;padding:0}.nlo-brand-header .nlo-live-nav-item{position:relative}.nlo-brand-header .nlo-live-nav-item>a,.nlo-brand-header .nlo-live-nav-label{display:block;padding:11px 10px;color:#14284b;text-decoration:none;font-size:13px;font-weight:750;white-space:nowrap}.nlo-brand-header .nlo-live-nav-item>a:hover{color:#9a792b}.nlo-brand-header .nlo-live-nav-item>.nlo-live-nav-level{display:none;position:absolute;top:100%;inset-inline-start:0;min-width:220px;padding:8px;background:#fff;border:1px solid #e6e1d3;border-radius:12px;box-shadow:0 18px 45px rgba(11,28,71,.15)}.nlo-brand-header .nlo-live-nav-item:hover>.nlo-live-nav-level,.nlo-brand-header .nlo-live-nav-item:focus-within>.nlo-live-nav-level{display:block}.nlo-brand-header .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-level{top:0;inset-inline-start:100%}
.nlo-brand-actions{display:flex;align-items:center;gap:8px}.nlo-brand-search,.nlo-brand-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.nlo-brand-search{width:39px;height:39px;border:1px solid #d8deea;border-radius:50%;color:#14284b;font-size:22px}.nlo-brand-cta{min-height:41px;padding:0 17px;border-radius:999px;background:linear-gradient(135deg,#d4bd64,#a6822f);color:#071735!important;font-size:12px;font-weight:900;box-shadow:0 8px 18px rgba(166,130,47,.2)}.nlo-brand-menu{display:none;border:1px solid #d8deea;background:#fff;color:#14284b;border-radius:10px;padding:8px 11px;font-size:19px}
.nlo-heritage-seal{position:absolute;left:50%;bottom:-19px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border:1px solid rgba(231,210,137,.62);border-radius:999px;background:linear-gradient(135deg,#132b53,#07152f);color:#fff;box-shadow:0 12px 28px rgba(7,21,47,.22);white-space:nowrap}.nlo-heritage-seal b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff1b6,#b58b2b);color:#07152f;font-size:13px}.nlo-heritage-seal span{font-size:10px;font-weight:800}
.nlo-brand-footer{background:radial-gradient(circle at 10% 0,rgba(191,166,71,.13),transparent 31%),#071735;color:#fff;padding:64px 0 22px}.nlo-footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:clamp(24px,4vw,58px)}.nlo-footer-brand{display:flex;align-items:center;gap:11px}.nlo-footer-brand h3{margin:0;color:#fff;font-size:18px}.nlo-footer-brand small{color:#c8ad55;letter-spacing:.12em;font-size:9px}.nlo-footer-about p,.nlo-brand-footer div>p{color:#bac5d8;line-height:1.9}.nlo-footer-about p{max-width:440px}.nlo-brand-footer h4{margin:5px 0 15px;color:#d8c16a;font-size:13px}.nlo-brand-footer .nlo-footer-grid>div>a{display:block;width:max-content;max-width:100%;margin:9px 0;color:#e7ecf4;text-decoration:none;font-size:12px}.nlo-brand-footer .nlo-footer-grid>div>a:hover{color:#dfc96f}.nlo-footer-consult{padding-bottom:3px;border-bottom:1px solid #bfa647}.nlo-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);color:#8f9bb0;font-size:10px}.nlo-footer-bottom a{color:#b7c1d1;text-decoration:none;margin-inline-start:16px}
@media(max-width:1000px){.nlo-brand-header .nlo-live-page-navigation{display:none;position:absolute;top:100%;inset-inline:12px;padding:12px;background:#fff;border:1px solid #e5e8ee;border-radius:14px;box-shadow:0 18px 45px rgba(11,28,71,.15)}.nlo-brand-header .nlo-live-nav-level-0{display:block}.nlo-brand-header .nlo-live-nav-item>.nlo-live-nav-level{display:block;position:static;padding-inline-start:14px;border:0;border-inline-start:2px solid #c2a348;border-radius:0;box-shadow:none}.nlo-brand-header.is-open .nlo-live-page-navigation{display:block}.nlo-brand-menu{display:block;margin-inline-start:auto}.nlo-brand-actions{margin-inline-start:0}.nlo-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nlo-brand-topbar{display:none}.nlo-brand-main{min-height:72px;padding-inline:14px}.nlo-brand-identity small{display:none}.nlo-brand-actions .nlo-brand-search{display:none}.nlo-brand-cta{padding-inline:11px;font-size:10px}.nlo-heritage-seal{bottom:-16px}.nlo-footer-grid{grid-template-columns:1fr}.nlo-footer-bottom{flex-direction:column}.nlo-brand-footer{padding-top:48px}}
.nlo-preview-frame[data-template="no-header"] .nlo-brand-topbar,.nlo-preview-frame[data-template="no-header"] .nlo-heritage-seal{display:none}.nlo-preview-frame[data-template="no-header"] .nlo-brand-main{min-height:68px;padding-block:8px}.nlo-preview-frame[data-template="no-header"] .nlo-brand-mark{width:38px;height:38px;font-size:21px}

/* FINAL 6.3 — rebuilt from the supplied Weebly heritage theme */
.nlo-legacy-header{position:relative;overflow:visible;background:#fff;box-shadow:none}.nlo-legacy-identity{min-height:112px;display:grid;place-items:center;padding:14px 20px;background:linear-gradient(180deg,#fff,#f3f3f1)}
.nlo-legacy-identity .nlo-brand-identity{min-width:0;text-align:center;flex-direction:column;gap:4px}.nlo-legacy-identity .nlo-brand-identity img{width:58px;height:58px;object-fit:contain}.nlo-legacy-identity .nlo-brand-identity strong{color:#0b2540;font-size:18px}.nlo-legacy-identity .nlo-brand-identity small{color:#9a792b}
.nlo-legacy-nav{position:relative;z-index:8;background:#0a2944;border-top:1px solid #d2b75a;border-bottom:2px solid #c5a441}.nlo-legacy-nav>.nash-shell{min-height:54px;padding-block:0;display:flex;align-items:center;justify-content:center;gap:20px}.nlo-legacy-nav .nlo-live-page-navigation{margin:0!important}.nlo-legacy-nav .nlo-live-nav-item>a,.nlo-legacy-nav .nlo-live-nav-label{color:#f6f8fa!important;padding:17px 13px!important;font-family:var(--nlo-navigation-font,Tajawal)!important;font-size:var(--nlo-navigation-size,12px)!important;font-weight:var(--nlo-navigation-weight,700)!important}.nlo-legacy-nav .nlo-live-nav-item>a:after{content:"";position:absolute;right:13px;left:13px;bottom:8px;height:2px;background:#d7b756;transform:scaleX(0);transition:.2s}.nlo-legacy-nav .nlo-live-nav-item>a:hover:after{transform:scaleX(1)}.nlo-legacy-nav .nlo-live-nav-item>.nlo-live-nav-level{background:#0a2944!important;border-color:rgba(215,183,86,.45)!important;border-radius:0!important}.nlo-legacy-nav .nlo-brand-actions{position:absolute;left:18px}.nlo-legacy-nav .nlo-brand-search{border-color:rgba(255,255,255,.28);color:#fff}.nlo-legacy-nav .nlo-brand-cta{box-shadow:none}
.nlo-legacy-hero{position:relative;height:clamp(360px,44vw,600px);overflow:hidden;display:grid;place-items:center;background-color:#0a2944;background-size:cover;background-position:var(--nlo-hero-x,50%) var(--nlo-hero-y,50%);background-repeat:no-repeat}.nlo-legacy-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--nlo-hero-x,50%) var(--nlo-hero-y,50%);transform:scale(var(--nlo-hero-scale,1));transform-origin:var(--nlo-hero-x,50%) var(--nlo-hero-y,50%);transition:transform .22s ease,object-position .22s ease}.nlo-legacy-hero.fixed-background{background-attachment:fixed}.nlo-legacy-hero.fixed-background>img{opacity:0}.nlo-legacy-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,19,35,var(--nlo-hero-overlay,.47)),rgba(5,19,35,calc(var(--nlo-hero-overlay,.47) * .42)),rgba(5,19,35,var(--nlo-hero-overlay,.47)))}.nlo-legacy-hero>.nlo-legacy-hero-copy{position:relative;z-index:2;width:min(760px,calc(100% - 40px));padding:36px;text-align:center;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.65)}.nlo-legacy-hero small{color:#f0d889;font-weight:800;letter-spacing:.08em}.nlo-legacy-hero h1{margin:12px 0;font-size:clamp(34px,5.3vw,70px);line-height:1.18}.nlo-legacy-hero p{margin:0 auto 24px;font-size:17px}.nlo-legacy-hero a{display:inline-flex;padding:12px 25px;border:1px solid #e5ca78;border-radius:999px;background:rgba(6,23,41,.82);color:#fff;text-decoration:none;font-weight:900}.nlo-legacy-header>.nlo-heritage-seal{bottom:-25px;padding:9px 17px 9px 9px}.nlo-legacy-header>.nlo-heritage-seal b{width:43px;height:43px;font-size:16px}.nlo-legacy-header>.nlo-heritage-seal span{font-size:12px}
.nlo-header-overlay-canvas{position:absolute;z-index:4;inset:70px max(28px,7vw) 34px;display:flex;flex-direction:column;justify-content:center;gap:10px;pointer-events:none}.nlo-header-overlay-canvas>.nb-element{pointer-events:auto;margin:4px auto;width:min(100%,900px);color:#fff;position:relative}.nlo-header-overlay-canvas>.nb-element .nb-heading,.nlo-header-overlay-canvas>.nb-element .nb-text{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.72)}.nlo-header-overlay-canvas>.nb-element-tools{z-index:8}.nlo-header-overlay-tools{position:absolute;top:-58px;right:0;left:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:6px;background:rgba(7,23,47,.92);border:1px solid rgba(222,194,103,.75);border-radius:8px;color:#fff;pointer-events:auto;text-shadow:none}.nlo-header-overlay-tools strong{font-size:10px;color:#f0d889}.nlo-header-overlay-tools span{font-size:9px;color:#d5dce4}.nlo-header-overlay-tools button{border:1px solid rgba(255,255,255,.25);background:#fff;color:#0b2945;border-radius:4px;padding:5px 9px;font:800 9px Tajawal,Arial,sans-serif;cursor:pointer}.nlo-header-overlay-empty{padding:22px;border:2px dashed rgba(255,255,255,.72);background:rgba(7,23,47,.2);color:#fff;text-align:center;font-size:11px;pointer-events:auto}.nlo-header-overlay-canvas.is-dragover{background:rgba(22,143,232,.18);outline:3px solid #51b9ff;outline-offset:5px}
.nlo-legacy-hero.has-custom-overlay>.nlo-legacy-hero-copy{display:none}.nlo-preview-frame .nlo-header-overlay-tools{display:none}.nb-global-header .nlo-header-overlay-tools{display:flex}
.nlo-legacy-footer{position:relative;background-color:#06172e;background-image:radial-gradient(circle at 10% 0,rgba(191,166,71,.15),transparent 31%),url('/legacy/wrap-inner-bg-teal.png');background-repeat:no-repeat,repeat}.nlo-legacy-footer:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent,#d0b15a,transparent)}.nlo-legacy-footer .nlo-footer-brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.28))}
.nlo-brand-header,.nlo-brand-footer,.nlo-legacy-header,.nlo-legacy-footer{display:block;width:100%;max-width:none;margin:0;box-sizing:border-box;overflow-x:clip}.nlo-brand-footer>.nash-shell{width:min(100% - 48px,1440px);max-width:1440px;margin-inline:auto}
.nlo-preview-frame[data-template="no-header"] .nlo-legacy-identity,.nlo-preview-frame[data-template="no-header"] .nlo-legacy-hero,.nlo-preview-frame[data-template="no-header"] .nlo-signature-strip,.nlo-preview-frame[data-template="no-header"] .nlo-heritage-seal{display:none}.nlo-preview-frame[data-template="no-header"] .nlo-legacy-nav{margin-top:0}
@media(max-width:1000px){.nlo-legacy-nav .nlo-live-page-navigation{top:100%;inset-inline:0;background:#071f36!important;border:0!important;border-radius:0!important}.nlo-legacy-nav .nlo-brand-menu{display:block;margin-inline-start:0;background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}.nlo-legacy-nav>.nash-shell{justify-content:flex-start}.nlo-legacy-nav .nlo-brand-actions{position:static;margin-inline-start:auto}.nlo-legacy-nav .nlo-live-nav-item>a:after{display:none}}
@media(max-width:640px){.nlo-legacy-identity{min-height:90px}.nlo-legacy-identity .nlo-brand-identity{display:flex}.nlo-legacy-identity .nlo-brand-identity img{width:44px;height:44px}.nlo-legacy-nav .nlo-brand-cta{display:none}.nlo-legacy-hero{height:420px}.nlo-legacy-hero>div{padding:24px 10px}.nlo-legacy-hero h1{font-size:37px}.nlo-legacy-hero p{font-size:14px}}

/* FINAL 6.9 — Weebly-like full-width Embed: no visual frame/scrollbars. */
.nb-code-preview-wrap,.nb-embed.nb-code-preview-wrap{position:relative;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}
.nb-code-preview-wrap iframe,.nb-embed.nb-code-preview-wrap iframe{display:block;width:100%!important;max-width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#builder-drop-zone .nb-element .nb-code-preview-wrap iframe{pointer-events:none}

/* FINAL 6.9 — premium institutional global footer. */
.nlo-legacy-footer.nlo-brand-footer{position:relative;isolation:isolate;padding:0;background:#06172e;color:#fff;overflow:hidden!important}
.nlo-legacy-footer.nlo-brand-footer:before{height:1px;background:linear-gradient(90deg,transparent 4%,rgba(217,188,101,.95) 50%,transparent 96%)}
.nlo-footer-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 12% 14%,rgba(191,166,71,.16),transparent 24%),radial-gradient(circle at 86% 48%,rgba(72,108,142,.16),transparent 26%),linear-gradient(145deg,#06172e 0%,#081d36 54%,#04111f 100%);pointer-events:none}
.nlo-legacy-footer .nash-shell{position:relative;padding-top:0}
.nlo-footer-callout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;margin:0 0 58px;padding:34px clamp(24px,4vw,52px);border:1px solid rgba(220,191,104,.28);border-top:0;background:linear-gradient(110deg,rgba(255,255,255,.055),rgba(191,166,71,.05));box-shadow:0 18px 55px rgba(0,0,0,.17)}
.nlo-footer-callout:after{content:"";position:absolute;right:0;top:0;width:120px;height:1px;background:#d9bd68}
.nlo-footer-callout small{display:block;margin-bottom:8px;color:#d9bd68;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.24em}
.nlo-footer-callout strong{display:block;color:#fff;font-size:clamp(20px,2.5vw,31px);line-height:1.35}
.nlo-footer-callout p{margin:8px 0 0!important;color:#aebcd0!important;font-size:12px;line-height:1.8}
.nlo-footer-callout>a{display:inline-flex;align-items:center;gap:16px;min-height:50px;padding:0 23px;border:1px solid #d7bb65;background:#d7bb65;color:#07182d!important;text-decoration:none;font-weight:900;font-size:12px;white-space:nowrap;transition:.18s ease}
.nlo-footer-callout>a:hover{transform:translateY(-2px);background:#e3ca7d}.nlo-footer-callout>a i{font-style:normal;font-size:18px}
.nlo-footer-grid{grid-template-columns:minmax(280px,1.55fr) minmax(150px,.7fr) minmax(170px,.8fr) minmax(220px,1fr);gap:clamp(28px,4vw,64px);padding:0 0 50px}
.nlo-footer-about{padding-inline-end:clamp(0px,2vw,28px)}
.nlo-footer-brand{align-items:center;gap:14px}.nlo-footer-mark{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(217,189,104,.34);background:rgba(255,255,255,.035)}
.nlo-legacy-footer .nlo-footer-brand img{width:48px;height:48px;margin:0;filter:drop-shadow(0 7px 12px rgba(0,0,0,.28))}
.nlo-footer-brand h3{font-size:18px;line-height:1.45}.nlo-footer-brand small{display:block;margin-top:3px;color:#cdb05c;letter-spacing:.16em;font:700 8px/1.4 Arial,sans-serif}
.nlo-footer-about>p{max-width:470px;margin:19px 0 20px!important;color:#aebbd0!important;font-size:12px;line-height:2}
.nlo-footer-trust{display:flex;flex-wrap:wrap;gap:7px}.nlo-footer-trust span{padding:6px 9px;border:1px solid rgba(255,255,255,.11);color:#cad4e1;font-size:9px}
.nlo-brand-footer h4{position:relative;margin:4px 0 20px;padding-bottom:11px;color:#e0c66f;font-size:12px}.nlo-brand-footer h4:after{content:"";position:absolute;right:0;bottom:0;width:28px;height:1px;background:#d1b55e}
.nlo-footer-column>a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%!important;max-width:250px!important;margin:0!important;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055);color:#d8e0ea!important;font-size:11px!important;transition:.18s ease}.nlo-footer-column>a i{font-style:normal;color:#7f91a9;opacity:0;transform:translateX(4px);transition:.18s ease}.nlo-footer-column>a:hover{padding-inline-start:4px;color:#f0d67e!important}.nlo-footer-column>a:hover i{opacity:1;transform:none;color:#d6bb65}
.nlo-footer-contact{padding:17px 18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}.nlo-footer-contact h4{margin-top:0}.nlo-footer-location,.nlo-footer-contact-link{display:block!important;width:100%!important;margin:0!important;padding:9px 0!important;border-bottom:1px solid rgba(255,255,255,.065);text-decoration:none!important}.nlo-footer-location b,.nlo-footer-contact-link b{display:block;margin-bottom:3px;color:#7f90a6;font-size:8px;font-weight:800}.nlo-footer-location span,.nlo-footer-contact-link span{display:block;color:#e6ebf2;font-size:11px;line-height:1.6;overflow-wrap:break-word;word-break:normal}.nlo-footer-contact-link:hover span{color:#e0c66f}
.nlo-footer-rss{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;margin:12px 0 0!important;color:#cfb663!important;font-size:10px!important}.nlo-footer-rss i{font-style:normal}
.nlo-footer-bottom{min-height:63px;align-items:center;margin-top:0;padding:19px 0;border-top:1px solid rgba(255,255,255,.09);color:#73849b;font-size:9px}.nlo-footer-bottom nav{display:flex;align-items:center;gap:18px}.nlo-footer-bottom nav a{margin:0;color:#9dacbf}.nlo-footer-bottom nav a:hover{color:#d7bd69}
@media(max-width:1050px){.nlo-footer-grid{grid-template-columns:minmax(260px,1.2fr) repeat(2,minmax(150px,1fr))}.nlo-footer-contact{grid-column:2/4}.nlo-footer-callout{margin-bottom:44px}}
@media(max-width:720px){.nlo-brand-footer>.nash-shell{width:min(100% - 28px,1440px)}.nlo-footer-callout{grid-template-columns:1fr;gap:22px;padding:28px 22px}.nlo-footer-callout>a{width:100%;justify-content:space-between}.nlo-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.nlo-footer-about{grid-column:1/-1}.nlo-footer-contact{grid-column:1/-1}.nlo-footer-bottom{align-items:flex-start}.nlo-footer-bottom nav{flex-wrap:wrap}}
@media(max-width:480px){.nlo-footer-grid{grid-template-columns:1fr}.nlo-footer-about,.nlo-footer-contact{grid-column:auto}.nlo-footer-bottom nav{gap:12px}.nlo-footer-callout strong{font-size:22px}}

/* ==========================================================================\n   FINAL 7.2 — NASHASHIBI SIGNATURE LEGAL THEME\n   Full premium visual system for the native global header/footer.\n   ========================================================================== */
.nlo-signature-header{--sig-navy:#06172e;--sig-navy-2:#0b2a4a;--sig-gold:#c7a64b;--sig-gold-light:#e6d187;--sig-paper:#f7f4ec;background:#fff;color:#1b2a3d;box-shadow:0 16px 42px rgba(6,23,46,.08)}
.nlo-signature-header .nlo-brand-topbar{background:linear-gradient(90deg,#041225,#092543 55%,#06172e);color:rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.07)}
.nlo-signature-header .nlo-brand-topbar .nash-shell{min-height:36px;width:min(100% - 48px,1440px)}
.nlo-signature-header .nlo-brand-topbar span{display:flex;align-items:center;gap:8px}.nlo-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55cf90;box-shadow:0 0 0 4px rgba(85,207,144,.12)}
.nlo-signature-main{position:relative;z-index:11;background:rgba(255,255,255,.985);border-bottom:1px solid #e8e4da;backdrop-filter:none;-webkit-backdrop-filter:none}
.nlo-signature-main>.nash-shell{min-height:92px;width:min(100% - 48px,1440px);display:flex;align-items:center;gap:30px;padding-block:0;direction:rtl}
.nlo-signature-main .nlo-brand-identity{gap:13px;min-width:260px}.nlo-signature-logo{display:grid;place-items:center;width:56px;height:56px;flex:0 0 auto;border:1px solid rgba(199,166,75,.34);background:linear-gradient(145deg,#fff,#f5f0e5);box-shadow:0 12px 25px rgba(6,23,46,.08)}
.nlo-signature-logo img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(6,23,46,.18))}.nlo-signature-main .nlo-brand-identity>span:last-child{display:flex;flex-direction:column}.nlo-signature-main .nlo-brand-identity strong{font-size:18px;line-height:1.35;color:#071b34}.nlo-signature-main .nlo-brand-identity small{color:#8a6b25;font-size:10px}.nlo-signature-main .nlo-brand-identity em{margin-top:3px;color:#8d99a8;font:700 7px/1.3 Georgia,serif;letter-spacing:.17em;font-style:normal}
.nlo-signature-main .nlo-live-page-navigation{margin-inline-start:0;margin-inline-end:auto;direction:rtl;text-align:right}.nlo-signature-main .nlo-live-nav-level-0{display:flex;align-items:center;gap:2px;direction:rtl;justify-content:flex-start}.nlo-signature-main .nlo-live-nav-item>a,.nlo-signature-main .nlo-live-nav-label{position:relative;padding:35px 11px!important;color:#29394e!important;font-family:var(--nlo-navigation-font,Tajawal)!important;font-size:var(--nlo-navigation-size,12px)!important;font-weight:var(--nlo-navigation-weight,800)!important}.nlo-signature-main .nlo-live-nav-item>a:after{content:"";position:absolute;right:11px;left:11px;bottom:25px;height:2px;background:var(--sig-gold);transform:scaleX(0);transition:.2s}.nlo-signature-main .nlo-live-nav-item>a:hover{color:#071b34!important}.nlo-signature-main .nlo-live-nav-item>a:hover:after{transform:scaleX(1)}
.nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level{top:calc(100% - 14px);min-width:250px;padding:8px;background:#fff!important;border:1px solid #e5e0d4!important;border-radius:0!important;box-shadow:0 24px 60px rgba(6,23,46,.16)!important}.nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-item>a{padding:11px 12px!important;border-bottom:1px solid #f0eee8;color:#33445a!important}.nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-item>a:after{display:none}
.nlo-signature-main .nlo-brand-actions{gap:8px}.nlo-signature-main .nlo-brand-search{width:41px;height:41px;border:1px solid #dfe3e8;border-radius:50%;color:#071b34;background:#fff}.nlo-signature-main .nlo-brand-cta{min-height:44px;padding:0 19px;border-radius:0;background:linear-gradient(135deg,#d7bf6d,#a88431);color:#06172e!important;box-shadow:0 10px 24px rgba(157,124,42,.2);font-size:11px}.nlo-signature-main .nlo-brand-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(157,124,42,.28)}
.nlo-signature-hero{position:relative!important;display:block!important;background-color:#06172e!important}.nlo-signature-hero>img{filter:saturate(.78) contrast(1.04)}.nlo-signature-hero:after{display:none!important}.nlo-signature-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,17,35,.94) 0%,rgba(6,23,46,.80) 43%,rgba(6,23,46,.36) 100%),radial-gradient(circle at 84% 18%,rgba(199,166,75,.22),transparent 28%)}
[dir="ltr"] .nlo-signature-shade{background:linear-gradient(-90deg,rgba(4,17,35,.94) 0%,rgba(6,23,46,.80) 43%,rgba(6,23,46,.36) 100%),radial-gradient(circle at 16% 18%,rgba(199,166,75,.22),transparent 28%)}
.nlo-signature-hero-grid{position:relative;z-index:2;height:100%;width:min(100% - 48px,1440px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:center;gap:clamp(40px,7vw,110px);padding-block:65px}
.nlo-signature-hero .nlo-legacy-hero-copy{width:auto!important;max-width:820px;padding:0!important;text-align:right!important;text-shadow:none!important}.nlo-signature-hero .nlo-legacy-hero-copy small{display:block;color:var(--sig-gold-light);font:800 10px/1.5 Georgia,serif;letter-spacing:.18em}.nlo-signature-hero .nlo-legacy-hero-copy h1{max-width:800px;margin:16px 0 18px;font-size:clamp(42px,5.4vw,74px);line-height:1.14;letter-spacing:-.025em;color:#fff}.nlo-signature-hero .nlo-legacy-hero-copy p{max-width:700px;margin:0 0 28px;color:rgba(255,255,255,.78);font-size:17px;line-height:1.95}.nlo-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nlo-signature-hero .nlo-hero-primary{display:inline-flex!important;align-items:center;min-height:48px;padding:0 24px!important;border:1px solid var(--sig-gold)!important;border-radius:0!important;background:linear-gradient(135deg,#d9c274,#aa8732)!important;color:#06172e!important;text-shadow:none;font-weight:900}.nlo-signature-hero .nlo-hero-secondary{display:inline-flex!important;padding:5px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.38)!important;border-radius:0!important;background:transparent!important;color:#fff!important;text-shadow:none;font-size:12px}
.nlo-hero-proof{padding:30px 28px;border:1px solid rgba(230,209,135,.32);background:rgba(5,20,40,.55);backdrop-filter:blur(14px);box-shadow:0 28px 65px rgba(0,0,0,.18)}.nlo-hero-proof>small{display:block;color:var(--sig-gold-light);font:800 9px/1.4 Georgia,serif;letter-spacing:.22em}.nlo-hero-proof>strong{display:block;margin:12px 0 21px;color:#fff;font-size:24px;line-height:1.45}.nlo-hero-proof>span{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.72);font-size:11px}.nlo-hero-proof>span b{color:var(--sig-gold-light);font:700 10px Georgia,serif}
.nlo-signature-strip{position:relative;z-index:9;min-height:62px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:13px 24px;background:#fff;border-bottom:1px solid #e7e2d8;color:#566477;font-size:10px;font-weight:800}.nlo-signature-strip i{width:4px;height:4px;border-radius:50%;background:var(--sig-gold)}.nlo-signature-header>.nlo-heritage-seal{bottom:31px;z-index:12;background:linear-gradient(135deg,#102c51,#06172e);border-color:rgba(230,209,135,.5)}
.nlo-signature-header.has-menu-open .nlo-live-page-navigation{display:block!important}
@media(max-width:1080px){.nlo-signature-main>.nash-shell{min-height:78px;gap:12px}.nlo-signature-main .nlo-brand-menu{display:block;margin-inline-start:auto}.nlo-signature-main .nlo-live-page-navigation{display:none;position:absolute;top:100%;right:0;left:0;background:#06172e!important;padding:12px 18px;margin:0!important;box-shadow:0 20px 45px rgba(6,23,46,.24)}.nlo-signature-header.has-menu-open .nlo-live-page-navigation{display:block!important}.nlo-signature-main .nlo-live-nav-level-0{display:block}.nlo-signature-main .nlo-live-nav-item>a,.nlo-signature-main .nlo-live-nav-label{padding:12px 8px!important;color:#fff!important}.nlo-signature-main .nlo-live-nav-item>a:after{display:none}.nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level{display:block;position:static;padding-inline-start:15px;background:transparent!important;border:0!important;box-shadow:none!important}.nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-item>a{color:rgba(255,255,255,.72)!important;border-color:rgba(255,255,255,.08)}.nlo-signature-hero-grid{grid-template-columns:1fr}.nlo-hero-proof{max-width:520px}.nlo-signature-header>.nlo-heritage-seal{display:none}}
@media(max-width:700px){.nlo-signature-header .nlo-brand-topbar{display:none}.nlo-signature-main>.nash-shell{width:min(100% - 24px,1440px);min-height:72px}.nlo-signature-logo{width:44px;height:44px}.nlo-signature-logo img{width:34px;height:34px}.nlo-signature-main .nlo-brand-identity{min-width:0;gap:9px}.nlo-signature-main .nlo-brand-identity strong{font-size:14px}.nlo-signature-main .nlo-brand-identity small,.nlo-signature-main .nlo-brand-identity em{display:none}.nlo-signature-main .nlo-brand-search{display:none}.nlo-signature-main .nlo-brand-cta{display:none}.nlo-signature-hero-grid{width:min(100% - 28px,1440px);padding-block:52px}.nlo-signature-hero .nlo-legacy-hero-copy h1{font-size:39px}.nlo-signature-hero .nlo-legacy-hero-copy p{font-size:14px}.nlo-hero-proof{display:none}.nlo-signature-strip{gap:10px;font-size:9px}.nlo-signature-strip i:nth-of-type(even),.nlo-signature-strip span:nth-of-type(even){display:none}}

/* premium editorial body defaults */
.nb-canvas-frame .nb-section:not(.nb-global-header):not(.nb-global-footer){scroll-margin-top:100px}.nb-nash-component .nash-heading h2{letter-spacing:-.02em}.nb-nash-services .nb-nash-card{border-radius:2px!important;border-color:#e5e0d4!important;box-shadow:0 18px 45px rgba(6,23,46,.07)!important}.nb-nash-services .nb-nash-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(6,23,46,.11)!important}.nb-nash-button{border-radius:0!important}.nb-nash-cta{border-radius:2px!important;background:linear-gradient(135deg,#071b34,#0f3b61)!important}

/* FINAL 7.2 — preview-safe desktop submenus: old :hover may change display,
   but visibility is controlled only by the JS state class so iframe focus
   transitions cannot leave a dropdown visually stuck. */
@media(min-width:1081px){
  .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level{display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(9px);transition:opacity .16s ease,visibility .16s ease,transform .16s ease}
  .nlo-signature-main .nlo-live-nav-item.nlo-submenu-open>.nlo-live-nav-level{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)}
}

/* FINAL 7.2.2 — editable Magazine Header inside the visual Builder */
.nlo-magazine-header-preview{width:100%;overflow:hidden;background:#fbfaf7;color:#10283c}.nlo-magazine-header-preview a{text-decoration:none}.nlo-magazine-header-preview .nlo-mag-edition{min-height:39px;padding:8px clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:3px solid var(--mag-header-accent,#bd9555);border-bottom:1px solid #ded8cc;background:#10283c;color:#dce4e8;font-size:10px;letter-spacing:.08em}.nlo-magazine-header-preview .nlo-mag-edition div{display:flex;gap:16px}.nlo-magazine-header-preview .nlo-mag-edition a{color:var(--mag-header-accent,#bd9555)!important;font-weight:800}
.nlo-magazine-header-preview .nlo-mag-custom-header{position:relative;isolation:isolate;min-height:var(--mag-header-height,250px);display:grid;place-items:center;overflow:hidden;padding:0!important;background:var(--mag-header-bg,#f2f2ef)!important;color:var(--mag-header-text,#10283c);border-bottom:1px solid color-mix(in srgb,var(--mag-header-accent,#bd9555) 48%,#d8d2c7)!important}
.nlo-magazine-header-preview .nlo-mag-header-bg{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover}.nlo-magazine-header-preview .nlo-mag-header-shade{position:absolute;inset:0;z-index:-2;background:rgba(6,21,35,var(--mag-header-overlay,0))}.nlo-magazine-header-preview .nlo-mag-header-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:32px 20px 24px;text-align:center;position:relative;z-index:1}.nlo-magazine-header-preview .nlo-mag-header-logo{display:block;height:auto;max-height:105px;object-fit:contain;margin:0 auto 13px}.nlo-magazine-header-preview .nlo-mag-custom-header small{display:block;color:var(--mag-header-accent,#bd9555);font:700 10px/1.4 Georgia,serif;letter-spacing:3.6px;margin:0 0 8px}.nlo-magazine-header-preview .nlo-mag-custom-header h1{margin:0;color:var(--mag-header-text,#10283c);font:800 var(--mag-header-title,58px)/1.05 Tajawal,Arial,sans-serif;letter-spacing:-2px}.nlo-magazine-header-preview .nlo-mag-custom-header p{max-width:760px;margin:12px auto 0;color:color-mix(in srgb,var(--mag-header-text,#10283c) 72%,transparent);font-size:14px;line-height:1.8}.nlo-magazine-header-preview .nlo-mag-category-nav{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin:24px auto 0;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--mag-header-accent,#bd9555) 35%,transparent);max-width:980px}.nlo-magazine-header-preview .nlo-mag-category-nav a,.nlo-magazine-header-preview .nlo-mag-category-nav span{position:relative;display:inline-flex;align-items:center;min-height:34px;padding:5px 13px;color:var(--mag-header-text,#10283c);font-size:11px;font-weight:800}.nlo-magazine-header-preview .nlo-mag-category-nav a+a:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:13px;background:color-mix(in srgb,var(--mag-header-accent,#bd9555) 48%,transparent);transform:translateY(-50%)}.nlo-magazine-header-preview .nav-boxed .nlo-mag-category-nav{gap:7px;border-top:0}.nlo-magazine-header-preview .nav-boxed .nlo-mag-category-nav a{border:1px solid color-mix(in srgb,var(--mag-header-accent,#bd9555) 45%,transparent)}.nlo-magazine-header-preview .nav-boxed .nlo-mag-category-nav a+a:before{display:none}

/* FINAL 7.2.23 — visual footer color controls */
.nlo-legacy-footer.nlo-brand-footer{background-color:var(--nlo-footer-bg,#06172e)!important;color:var(--nlo-footer-text,#fff)!important}
.nlo-legacy-footer.nlo-brand-footer:before{background:linear-gradient(90deg,transparent 4%,var(--nlo-footer-accent,#d0b15a) 50%,transparent 96%)!important}
.nlo-legacy-footer .nlo-footer-callout small,.nlo-legacy-footer .nlo-footer-brand small,.nlo-legacy-footer h4,.nlo-legacy-footer .nlo-footer-callout>a i,.nlo-legacy-footer .nlo-footer-rss{color:var(--nlo-footer-accent,#d0b15a)!important}
.nlo-legacy-footer .nlo-footer-callout,.nlo-legacy-footer .nlo-footer-bottom{border-color:color-mix(in srgb,var(--nlo-footer-accent,#d0b15a) 28%,transparent)!important}
.nlo-legacy-footer .nlo-footer-brand h3,.nlo-legacy-footer .nlo-footer-callout strong{color:var(--nlo-footer-text,#fff)!important}


/* FINAL 7.5.30 — legacy fallback only. Imported themes are authoritative and
   must never inherit this historical glass submenu skin. */
.nlo-signature-header[dir="rtl"] .nlo-signature-main>.nash-shell{direction:rtl!important}
.nlo-signature-header[dir="rtl"] .nlo-live-page-navigation,.nlo-signature-header[dir="rtl"] .nlo-live-nav-level-0{direction:rtl!important;text-align:right!important}
.nlo-signature-header[dir="ltr"] .nlo-signature-main>.nash-shell{direction:ltr!important}
.nlo-signature-header[dir="ltr"] .nlo-live-page-navigation,.nlo-signature-header[dir="ltr"] .nlo-live-nav-level-0{direction:ltr!important;text-align:left!important}
.nlo-signature-header[dir="ltr"] .nlo-live-page-navigation{margin-inline-start:auto!important;margin-inline-end:0!important}
@media(min-width:1081px){
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level{
    min-width:245px!important;padding:8px!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:14px!important;
    background:rgba(255,255,255,.84)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;backdrop-filter:blur(18px) saturate(160%)!important;
    box-shadow:0 20px 52px rgba(6,23,46,.20),inset 0 1px 0 rgba(255,255,255,.95)!important;overflow:visible!important;z-index:99999!important
  }
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-item>a,
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-label{
    padding:11px 13px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#071a34!important;font-weight:800!important;transition:.18s ease!important
  }
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-item>a:hover,
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-label:hover{
    color:#fff!important;background:linear-gradient(135deg,#041326,#071a34 52%,#0b315c)!important;border-color:rgba(199,168,77,.35)!important;box-shadow:0 7px 20px rgba(7,26,52,.18)!important
  }
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-header[dir="rtl"] .nlo-live-nav-item>.nlo-live-nav-level{right:0!important;left:auto!important;text-align:right!important}
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-header[dir="rtl"] .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-level{right:100%!important;left:auto!important}
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-header[dir="ltr"] .nlo-live-nav-item>.nlo-live-nav-level{left:0!important;right:auto!important;text-align:left!important}
  html:not([data-nlo-theme-authoritative="1"]) .nlo-signature-header[dir="ltr"] .nlo-live-nav-item>.nlo-live-nav-level .nlo-live-nav-level{left:100%!important;right:auto!important}
}
.nlo-brand-footer{direction:rtl}.nlo-brand-footer[dir="ltr"]{direction:ltr}

/* FINAL 7.4.3 INTEGRATED — exact bilingual navigation alignment. */
.nlo-signature-header[dir="rtl"] .nlo-live-page-navigation{margin-inline-start:0!important;margin-inline-end:auto!important;direction:rtl!important;text-align:right!important}
.nlo-signature-header[dir="ltr"] .nlo-live-page-navigation{margin-inline-start:0!important;margin-inline-end:auto!important;direction:ltr!important;text-align:left!important}
.nlo-signature-header[dir="rtl"] .nlo-live-nav-level-0{direction:rtl!important;justify-content:flex-start!important}
.nlo-signature-header[dir="ltr"] .nlo-live-nav-level-0{direction:ltr!important;justify-content:flex-start!important}

/* FINAL 7.4.3.1 — Dropdown stacking fix: navigation and all submenus always render above search/actions. */
.nlo-signature-header,
.nlo-signature-main,
.nlo-signature-main>.nash-shell,
.nlo-signature-main>.nlo-container,
.nlo-signature-main .nlo-live-page-navigation,
.nlo-signature-main .nlo-live-nav-level,
.nlo-signature-main .nlo-live-nav-item{overflow:visible!important}
@media(min-width:1081px){
  .nlo-signature-main .nlo-live-page-navigation{position:relative!important;z-index:5000!important;isolation:auto!important}
  .nlo-signature-main .nlo-live-nav-level-0{position:relative!important;z-index:5000!important}
  .nlo-signature-main .nlo-live-nav-item.has-children:hover,
  .nlo-signature-main .nlo-live-nav-item.has-children:focus-within,
  .nlo-signature-main .nlo-live-nav-item.nlo-submenu-open{z-index:10010!important}
  .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level{z-index:10020!important}
}
.nlo-signature-main .nlo-brand-actions,
.nlo-signature-main .nlo-brand-search,
.nlo-signature-main .nlo-search-toggle,
.nlo-signature-main .nlo-header-actions{position:relative!important;z-index:20!important}

/* ==========================================================================
   FINAL 7.5.0 — authoritative bilingual navigation + editable global footer
   ========================================================================== */
.nlo-signature-header[dir="rtl"] .nlo-signature-main>.nash-shell{direction:rtl!important;display:flex!important}
.nlo-signature-header[dir="rtl"] .nlo-brand-identity{order:1!important}
.nlo-signature-header[dir="rtl"] .nlo-brand-menu{order:2!important}
.nlo-signature-header[dir="rtl"] .nlo-live-page-navigation{order:3!important;direction:rtl!important;text-align:right!important;margin-inline-start:0!important;margin-inline-end:auto!important}
.nlo-signature-header[dir="rtl"] .nlo-live-nav-level-0{direction:rtl!important;flex-direction:row!important;justify-content:flex-start!important}
.nlo-signature-header[dir="rtl"] .nlo-brand-actions{order:4!important}
.nlo-signature-header[dir="ltr"] .nlo-signature-main>.nash-shell{direction:ltr!important;display:flex!important}
.nlo-signature-header[dir="ltr"] .nlo-brand-identity{order:1!important}
.nlo-signature-header[dir="ltr"] .nlo-brand-menu{order:2!important}
.nlo-signature-header[dir="ltr"] .nlo-live-page-navigation{order:3!important;direction:ltr!important;text-align:left!important;margin-inline-start:0!important;margin-inline-end:auto!important}
.nlo-signature-header[dir="ltr"] .nlo-live-nav-level-0{direction:ltr!important;flex-direction:row!important;justify-content:flex-start!important}
.nlo-signature-header[dir="ltr"] .nlo-brand-actions{order:4!important}

.nlo-footer-extra-canvas{position:relative;z-index:3;margin:0 0 38px;padding:14px;display:grid;gap:12px;border:1px solid transparent;border-radius:16px}
.nlo-footer-extra-canvas>.nb-element{position:relative;z-index:2;margin:0;width:100%;max-width:100%;color:var(--nlo-footer-text,#fff)}
.nlo-footer-extra-canvas>.nb-element .nb-heading,.nlo-footer-extra-canvas>.nb-element .nb-text{color:var(--nlo-footer-text,#fff)!important}
.nlo-footer-extra-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:9px 12px;border:1px solid rgba(208,177,90,.42);border-radius:12px;background:rgba(255,255,255,.06);color:#fff}
.nlo-footer-extra-tools strong{color:var(--nlo-footer-accent,#d0b15a);font-size:11px}.nlo-footer-extra-tools span{font-size:10px;color:rgba(255,255,255,.72)}
.nlo-footer-extra-empty{padding:30px 18px;border:2px dashed rgba(208,177,90,.65);border-radius:14px;text-align:center;color:rgba(255,255,255,.86);background:rgba(255,255,255,.035)}
.nlo-footer-extra-canvas.is-dragover{outline:3px solid #51b9ff;outline-offset:4px;background:rgba(81,185,255,.09)}
.nlo-preview-frame .nlo-footer-extra-tools,.nlo-preview-frame .nlo-footer-extra-empty{display:none!important}

@media(max-width:1000px){
 .nlo-signature-header .nlo-signature-main>.nash-shell{min-height:76px!important;width:calc(100% - 28px)!important;gap:12px!important;flex-wrap:wrap!important}
 .nlo-signature-header .nlo-brand-identity{min-width:0!important;max-width:calc(100% - 60px)!important}
 .nlo-signature-header .nlo-signature-logo{width:48px!important;height:48px!important}.nlo-signature-header .nlo-signature-logo img{width:37px!important;height:37px!important}
 .nlo-signature-header .nlo-brand-menu{display:block!important;margin-inline-start:auto!important;order:2!important}
 .nlo-signature-header .nlo-live-page-navigation{display:none!important;position:absolute!important;top:100%!important;inset-inline:14px!important;width:auto!important;max-height:min(70vh,520px)!important;overflow:auto!important;padding:10px!important;border:1px solid #e4e8ee!important;border-radius:14px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 20px 48px rgba(6,23,46,.18)!important;z-index:20000!important}
 .nlo-signature-header.is-open .nlo-live-page-navigation,.nlo-signature-header.has-menu-open .nlo-live-page-navigation{display:block!important}
 .nlo-signature-header .nlo-live-nav-level-0{display:block!important;width:100%!important}
 .nlo-signature-header .nlo-live-nav-item>a,.nlo-signature-header .nlo-live-nav-label{padding:12px 13px!important;white-space:normal!important}
 .nlo-signature-header .nlo-live-nav-item>.nlo-live-nav-level{display:block!important;position:static!important;min-width:0!important;margin:2px 10px 7px!important;padding:4px 8px!important;border:0!important;border-inline-start:2px solid #c5a74c!important;border-radius:0!important;box-shadow:none!important;background:#faf8f2!important}
 .nlo-signature-header .nlo-brand-actions{order:3!important;margin-inline-start:auto!important}.nlo-signature-header .nlo-brand-cta{min-height:38px!important;padding-inline:12px!important}
 .nlo-signature-header .nlo-signature-hero{height:auto!important;min-height:430px!important;background-attachment:scroll!important}
 .nlo-signature-header .nlo-signature-hero-grid{grid-template-columns:1fr!important;min-height:430px!important;padding:56px 0 72px!important;gap:20px!important}
 .nlo-signature-header .nlo-hero-proof{display:none!important}
 .nlo-signature-header .nlo-header-overlay-canvas{inset:74px 18px 24px!important}
 .nlo-signature-header .nlo-signature-strip{overflow-x:auto!important;justify-content:flex-start!important;white-space:nowrap!important;padding-inline:18px!important}
}
@media(max-width:640px){
 .nlo-signature-header .nlo-brand-topbar{display:none!important}
 .nlo-signature-header .nlo-signature-main>.nash-shell{min-height:70px!important;width:calc(100% - 20px)!important;padding-block:8px!important}
 .nlo-signature-header .nlo-brand-identity>span:last-child small,.nlo-signature-header .nlo-brand-identity>span:last-child em{display:none!important}
 .nlo-signature-header .nlo-brand-identity strong{font-size:14px!important}.nlo-signature-header .nlo-signature-logo{width:43px!important;height:43px!important}.nlo-signature-header .nlo-signature-logo img{width:33px!important;height:33px!important}
 .nlo-signature-header .nlo-brand-actions{display:none!important}
 .nlo-signature-header .nlo-signature-hero{min-height:390px!important}
 .nlo-signature-header .nlo-signature-hero-grid{min-height:390px!important;padding:46px 0 68px!important;width:calc(100% - 30px)!important}
 .nlo-signature-header .nlo-legacy-hero-copy h1{font-size:clamp(29px,9vw,42px)!important;line-height:1.28!important}.nlo-signature-header .nlo-legacy-hero-copy p{font-size:14px!important;line-height:1.85!important}
 .nlo-signature-header .nlo-hero-actions{flex-direction:column!important;align-items:stretch!important}.nlo-signature-header .nlo-hero-actions a{text-align:center!important;justify-content:center!important}
 .nlo-signature-header .nlo-header-overlay-canvas{inset:58px 12px 18px!important}.nlo-signature-header .nlo-header-overlay-tools{top:-50px!important;max-height:46px!important;overflow:auto!important;justify-content:flex-start!important}
 .nlo-footer-grid{grid-template-columns:1fr!important}.nlo-footer-about,.nlo-footer-contact{grid-column:auto!important}.nlo-footer-callout{grid-template-columns:1fr!important}.nlo-footer-bottom{flex-direction:column!important;align-items:flex-start!important}.nlo-footer-extra-canvas{padding:8px!important;margin-bottom:24px!important}
}

/* FINAL 7.5.2 — navigation de-duplication companion: strict bidi + responsive containment. */
.nlo-signature-header[dir="rtl"] .nlo-live-page-navigation,
.nlo-signature-header[dir="rtl"] .nlo-live-nav-level,
.nlo-signature-header[dir="rtl"] .nlo-live-nav-item,
.nlo-signature-header[dir="rtl"] .nlo-live-nav-item>a,
.nlo-signature-header[dir="rtl"] .nlo-live-nav-label{direction:rtl!important;text-align:right!important}
.nlo-signature-header[dir="ltr"] .nlo-live-page-navigation,
.nlo-signature-header[dir="ltr"] .nlo-live-nav-level,
.nlo-signature-header[dir="ltr"] .nlo-live-nav-item,
.nlo-signature-header[dir="ltr"] .nlo-live-nav-item>a,
.nlo-signature-header[dir="ltr"] .nlo-live-nav-label{direction:ltr!important;text-align:left!important}
@media(max-width:1000px){
 .nlo-signature-header .nlo-live-page-navigation{box-sizing:border-box!important;max-width:calc(100% - 28px)!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
 .nlo-signature-header .nlo-live-nav-level,.nlo-signature-header .nlo-live-nav-item,.nlo-signature-header .nlo-live-nav-item>a,.nlo-signature-header .nlo-live-nav-label{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
 .nlo-signature-header[dir="rtl"] .nlo-live-nav-item>.nlo-live-nav-level{margin-right:8px!important;margin-left:0!important;padding-right:8px!important;padding-left:0!important}
 .nlo-signature-header[dir="ltr"] .nlo-live-nav-item>.nlo-live-nav-level{margin-left:8px!important;margin-right:0!important;padding-left:8px!important;padding-right:0!important}
}


/* FINAL 7.5.5 — text-script bidi override. Each navigation label follows its own text script. */
.nlo-signature-main .nlo-live-nav-item[dir="rtl"]>a,.nlo-signature-main .nlo-live-nav-item[dir="rtl"]>.nlo-live-nav-label{direction:rtl!important;text-align:right!important;unicode-bidi:plaintext!important}
.nlo-signature-main .nlo-live-nav-item[dir="ltr"]>a,.nlo-signature-main .nlo-live-nav-item[dir="ltr"]>.nlo-live-nav-label{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important}
.nlo-signature-main .nlo-live-nav-level[dir="rtl"]{direction:rtl!important}
.nlo-signature-main .nlo-live-nav-level[dir="ltr"]{direction:ltr!important}


/* FINAL 7.5.7 — stable hierarchical submenus
   One geometry model for every desktop level.  Child fly-outs overlap their
   parent by a few pixels so the pointer never crosses a dead gap. */
@media(min-width:1081px){
  .nlo-signature-main .nlo-live-nav-item>.nlo-live-nav-level{
    margin:0!important;
    transform:none!important;
    transition:opacity .12s ease,visibility 0s linear .12s!important;
    will-change:opacity;
  }
  .nlo-signature-main .nlo-live-nav-item.nlo-submenu-open>.nlo-live-nav-level{
    transform:none!important;
    transition-delay:0s!important;
  }
  .nlo-signature-main .nlo-live-nav-level-0>.nlo-live-nav-item.has-children>.nlo-live-nav-level{
    top:calc(100% - 2px)!important;
  }
  .nlo-signature-main .nlo-live-nav-level:not(.nlo-live-nav-level-0)>.nlo-live-nav-item.has-children>.nlo-live-nav-level{
    top:-8px!important;
  }
  .nlo-signature-header[dir="rtl"] .nlo-live-nav-level:not(.nlo-live-nav-level-0)>.nlo-live-nav-item.has-children>.nlo-live-nav-level{
    right:calc(100% - 4px)!important;
    left:auto!important;
  }
  .nlo-signature-header[dir="ltr"] .nlo-live-nav-level:not(.nlo-live-nav-level-0)>.nlo-live-nav-item.has-children>.nlo-live-nav-level{
    left:calc(100% - 4px)!important;
    right:auto!important;
  }
  .nlo-signature-main .nlo-live-nav-level:not(.nlo-live-nav-level-0){
    min-width:260px!important;
    max-width:min(340px,calc(100vw - 24px))!important;
  }
  .nlo-signature-main .nlo-live-nav-level:not(.nlo-live-nav-level-0)>.nlo-live-nav-item{
    min-height:38px;
  }
}
/* FINAL 7.5.17 — WIDE DESKTOP HEADER */
@media(min-width:1101px){
 .nlo-signature-header .nlo-brand-topbar .nash-shell,
 .nlo-signature-header .nlo-signature-top>.nlo-container,
 .nlo-signature-main>.nash-shell,
 .nlo-signature-main>.nlo-container{width:min(calc(100% - 24px),1560px)!important;max-width:none!important}
}


/* FINAL 7.5.18 — AdSense/Color Block production previews. */
.nb-color-block-weebly{position:relative;width:100%;box-sizing:border-box;transition:background-color .15s ease,border-radius .15s ease;overflow:hidden}
.nb-color-block-weebly .nb-color-block-empty{display:flex;min-height:32px;align-items:center;justify-content:center;color:currentColor;font:800 12px/1.5 Tajawal,Arial,sans-serif;opacity:.78;text-align:center}
.nb-av-upload-placeholder{width:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed #b9c4cc;border-radius:9px;background:linear-gradient(180deg,#fbfcfd,#f2f5f7);color:#526574;text-align:center;cursor:pointer;box-sizing:border-box}.nb-av-upload-placeholder:hover{border-color:#1684e8;background:#f4faff}.nb-av-upload-placeholder>span{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1684e8;box-shadow:0 5px 18px rgba(22,132,232,.14);font-size:27px}.nb-av-upload-placeholder>b{font-size:15px}.nb-av-upload-placeholder>small{color:#7c8b96;font-size:10px}.nb-av-replace{position:absolute;z-index:3;top:10px;right:10px;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.55);border-radius:6px;background:rgba(18,34,48,.82);color:#fff;font:800 10px Tajawal,Arial,sans-serif;cursor:pointer}.nb-av-player,.nb-video{position:relative}
.nb-adsense-placeholder{flex-direction:column;gap:7px;min-height:128px!important;padding:18px!important;box-sizing:border-box;text-align:center;background:linear-gradient(180deg,#fff,#f8fafb)!important}
.nb-adsense-placeholder .nb-adsense-google-mark{display:flex;align-items:center;gap:7px;color:#64717d}.nb-adsense-placeholder .nb-adsense-google-mark b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#4285f4;color:white;font:700 17px Arial}.nb-adsense-placeholder .nb-adsense-google-mark span{font-size:13px}
.nb-adsense-placeholder>strong{color:#34495e;font-size:14px}.nb-adsense-placeholder>small{max-width:460px;color:#89949d;font-size:11px;line-height:1.5}.nb-adsense-placeholder>em{color:#7990a1;font-size:10px;font-style:normal;direction:ltr}.nb-adsense-placeholder.is-connected{border-style:solid!important;border-color:#b8d7c5!important;background:linear-gradient(180deg,#fff,#f5fbf7)!important}


/* ==========================================================================
   FINAL 7.5.18 — NAVIGATION + BACKDROP REAL FIX v1.4.2
   The royal background belongs to the outer canvas. The content paper is one
   continuous centered sheet; no pseudo-element bands. The native Global
   Header navigation is explicitly visible on the desktop royal navy bar.
   ========================================================================== */
.nlo-signature-header{overflow:visible!important}
.nlo-signature-header .nlo-signature-main{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;overflow:visible!important}
@media(min-width:1101px){
  .nlo-signature-header .nlo-signature-main{min-height:96px!important;background:linear-gradient(180deg,#081d34 0%,#06182c 100%)!important;border-bottom:1px solid rgba(233,209,139,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(4,17,31,.13)!important}
  .nlo-signature-header .nlo-signature-main>.nash-shell{display:flex!important;align-items:center!important;min-height:96px!important;width:min(calc(100% - 48px),1440px)!important;max-width:1440px!important;gap:22px!important;overflow:visible!important}
  .nlo-signature-header .nlo-live-page-navigation{display:flex!important;flex:1 1 auto!important;align-items:center!important;min-width:0!important;min-height:64px!important;padding:0 14px!important;margin-inline-start:0!important;margin-inline-end:auto!important;border:1px solid rgba(233,209,139,.27)!important;background:radial-gradient(circle at 50% -30%,rgba(233,209,139,.11),transparent 44%),linear-gradient(180deg,#0b2947,#071d34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.22)!important;overflow:visible!important;visibility:visible!important;opacity:1!important}
  .nlo-signature-header .nlo-live-nav-level-0{display:flex!important;align-items:center!important;min-height:62px!important;width:100%!important;gap:3px!important;overflow:visible!important}
  .nlo-signature-header .nlo-live-nav-level-0>.nlo-live-nav-item>a,
  .nlo-signature-header .nlo-live-nav-level-0>.nlo-live-nav-item>.nlo-live-nav-label{display:flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;padding:0 15px!important;color:var(--nlo-signature-navigation-color,#fffdf7)!important;-webkit-text-fill-color:var(--nlo-signature-navigation-color,#fffdf7)!important;text-shadow:0 1px 1px rgba(0,0,0,.36)!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important}
  .nlo-signature-header .nlo-live-nav-level-0>.nlo-live-nav-item.is-current-page>a{color:#f0d27d!important;-webkit-text-fill-color:#f0d27d!important;background:rgba(233,209,139,.08)!important;box-shadow:inset 0 -2px 0 rgba(233,209,139,.72)!important}
}
.nlo-preview-frame .nlo-signature-main{position:sticky!important;top:var(--preview-bar-height,0px)!important;z-index:90000!important}

/* One continuous Weebly-like paper lane over the royal texture. */
#builder-drop-zone{position:relative!important;isolation:isolate!important;min-height:520px!important;padding-block:42px 72px!important;background-color:#e8e2d6!important;background-image:linear-gradient(#fffefa,#fffefa),repeating-linear-gradient(45deg,rgba(8,27,49,.025) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(138,106,47,.028) 0 1px,transparent 1px 5px)!important;background-size:min(calc(100% - 56px),1240px) 100%,5px 5px,5px 5px!important;background-position:center top,0 0,0 0!important;background-repeat:no-repeat,repeat,repeat!important}
#builder-drop-zone:before{display:none!important;content:none!important}
#builder-drop-zone>*{position:relative;z-index:1}
.nlo-preview-frame{background-color:#e8e2d6!important;background-image:repeating-linear-gradient(45deg,rgba(8,27,49,.025) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(138,106,47,.028) 0 1px,transparent 1px 5px)!important;background-size:5px 5px!important}
.nlo-preview-frame .nlo-preview-body{position:relative!important;isolation:isolate!important;width:min(calc(100% - 56px),1240px)!important;max-width:1240px!important;min-height:520px!important;margin:34px auto 46px!important;padding:42px 30px 70px!important;border:1px solid rgba(199,168,92,.28)!important;background:linear-gradient(180deg,#fffefa,#fff)!important;box-shadow:0 0 0 7px rgba(255,255,255,.46),0 24px 74px rgba(4,17,31,.14)!important}
.nlo-preview-frame .nlo-preview-body:before{display:none!important;content:none!important}
@media(max-width:700px){
  #builder-drop-zone{padding-block:20px 38px!important;background-size:calc(100% - 18px) 100%,5px 5px,5px 5px!important}
  .nlo-preview-frame .nlo-preview-body{width:calc(100% - 18px)!important;margin:10px auto 18px!important;padding:24px 12px 42px!important;box-shadow:0 10px 34px rgba(4,17,31,.10)!important}
}


/* FINAL 7.5.18 — CODE-FIRST EMPTY GLOBAL FOOTER
   The footer is intentionally blank. In the Global Footer Builder only the
   drop surface is visible; published output contains only user-added elements. */
.nlo-code-footer{display:block;width:100%;max-width:none;margin:0;padding:0!important;border:0!important;background:transparent!important;color:inherit;box-sizing:border-box;overflow:visible!important}
.nlo-code-footer:before,.nlo-code-footer:after{content:none!important;display:none!important}
.nlo-code-footer>.nlo-footer-extra-canvas{width:100%;max-width:none;margin:0!important;padding:0!important;border:0;border-radius:0;background:transparent;display:block}
.nlo-code-footer>.nlo-footer-extra-canvas>.nb-element{width:100%;max-width:none;margin:0;color:inherit}
.nlo-code-footer.is-editor>.nlo-footer-extra-canvas{min-height:170px;padding:14px!important;border:1px dashed #7ebbe8;background:repeating-linear-gradient(135deg,#fff,#fff 12px,#fbfdff 12px,#fbfdff 24px);box-sizing:border-box}
.nlo-code-footer.is-editor .nlo-footer-extra-tools{margin:0 0 10px;border-color:#b8d9f2;background:#f4faff;color:#27475d}
.nlo-code-footer.is-editor .nlo-footer-extra-tools strong{color:#087fc5}
.nlo-code-footer.is-editor .nlo-footer-extra-tools span{color:#667986}
.nlo-code-footer.is-editor .nlo-footer-extra-empty{min-height:105px;margin:0;padding:24px 16px;border:2px dashed #55abe4;border-radius:4px;background:#fff;color:#667986;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nlo-code-footer.is-editor .nlo-footer-extra-empty b{color:#087fc5;font-size:13px}.nlo-code-footer.is-editor .nlo-footer-extra-empty span{font-size:10px}
.nlo-preview-frame .nlo-code-footer.is-empty{display:none!important}

/* FINAL RC — trustworthy form attachment UX */
.nb-form-upload{border-radius:10px;transition:.18s ease}.nb-form-upload .nb-form-upload-main{min-height:82px;padding:13px 16px}.nb-form-upload .nb-form-upload-main>span{display:flex;flex-direction:column;gap:3px}.nb-form-upload .nb-form-upload-main strong{font-size:12px;color:#536572}.nb-form-upload .nb-form-upload-main small{font-size:9px;color:#8a98a1}.nb-form-upload-state{display:block;margin-top:7px;padding:7px 9px;border:1px solid #e1e6ea;border-radius:7px;background:#f7f9fa;color:#72818b;font-style:normal;font-size:10px;line-height:1.45}.nb-form-upload.is-ready>span{border-color:#5f9f7b;background:#f5fbf7}.nb-form-upload.is-ready .nb-form-upload-state{border-color:#cce4d5;background:#eff9f3;color:#32704c}.nb-form-upload.is-uploading>span,.nb-form-upload.is-dragover>span{border-color:#178fd1;background:#eff8fd;box-shadow:0 0 0 3px rgba(23,143,209,.1)}.nb-form-upload.is-uploading .nb-form-upload-state{border-color:#b8ddef;background:#edf8fe;color:#116b9d}.nb-form-upload.is-uploaded>span{border-color:#2f9d67;background:#effaf4}.nb-form-upload.is-uploaded .nb-form-upload-state{border-color:#bfe3ce;background:#eaf8f0;color:#1f7749;font-weight:700}.nb-form-upload.is-error>span{border-color:#c4585f;background:#fff4f4}.nb-form-upload.is-error .nb-form-upload-state{border-color:#efc6c9;background:#fff0f0;color:#a3363e}

/* FINAL WEEBLY SLIDESHOW PLAYBACK */
.nb-slideshow-playback{position:absolute;z-index:8;left:14px;bottom:14px;display:flex;align-items:center;pointer-events:auto}
.nb-slide-play-toggle{height:32px;min-width:76px;padding:0 11px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:rgba(7,24,42,.78);backdrop-filter:blur(7px);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:800 10px/1 Arial,Tajawal,sans-serif;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.18);transition:.16s ease}
.nb-slide-play-toggle:hover{background:rgba(7,24,42,.94);transform:translateY(-1px)}
.nb-slide-play-toggle .nb-slide-play-icon{width:13px;text-align:center;font-size:12px}.nb-slide-play-toggle.is-playing .nb-slide-play-icon{font-size:14px;letter-spacing:-3px}
.nb-slideshow.has-navigation-numbers .nb-slideshow-playback,.nb-slideshow.has-navigation-thumbnails .nb-slideshow-playback{bottom:52px}
@media(max-width:640px){.nb-slideshow-playback{left:8px;bottom:8px}.nb-slide-play-toggle{height:30px;min-width:64px;padding:0 8px}.nb-slide-play-label{display:none}.nb-slide-play-toggle{min-width:34px}.nb-slideshow.has-navigation-numbers .nb-slideshow-playback,.nb-slideshow.has-navigation-thumbnails .nb-slideshow-playback{bottom:50px}}


/* FINAL 7.5.30 — hamburger hard-fix structural authority.
   Prevent an imported-theme ::before backdrop from sitting above the menu. */
@media(max-width:1080px){
  .nlo-signature-header.nlo-runtime-menu-open .nlo-signature-main,
  .nlo-signature-header.has-menu-open .nlo-signature-main,
  .nlo-signature-header.is-open .nlo-signature-main{position:relative!important;z-index:2147483000!important;overflow:visible!important}
  .nlo-signature-header.nlo-runtime-menu-open .nlo-live-page-navigation,
  .nlo-signature-header.has-menu-open .nlo-live-page-navigation,
  .nlo-signature-header.is-open .nlo-live-page-navigation{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important;z-index:2147483001!important}
}

/* FINAL 7.5.30 — MOBILE MENU ROOT-CAUSE LOCK: no permanent blur on the native signature header. */
#nb-frame .nlo-signature-main,#preview-frame .nlo-signature-main,.nlo-builder-preview .nlo-signature-main{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}


/* FINAL 7.5.30 — WEEBLY FULL-WIDTH PREVIEW AUTHORITY
   Desktop/AUTO preview is the page viewport, not a centered 1240px paper card. */
#builder-drop-zone{background-size:100% 100%,5px 5px,5px 5px!important;background-position:center top,0 0,0 0!important;padding-top:0!important;}
.nlo-preview-frame .nlo-preview-body{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 70px!important;border:0!important;background:#fff!important;box-shadow:none!important;}
@media(max-width:700px){.nlo-preview-frame .nlo-preview-body{width:100%!important;margin:0!important;padding:0 0 42px!important;box-shadow:none!important;}}

/* FINAL 7.5.30 — Form Embed Code. */
.nb-form-field-embed_code{grid-column:1/-1!important;min-width:0}.nb-form-field-embed_code .nb-form-embed-code{width:100%;min-width:0}.nb-form-field-embed_code .nb-code-preview-wrap{width:100%!important;max-width:100%;margin:0!important}.nb-form-field-embed_code .nb-code-preview{display:block;width:100%!important;max-width:100%;border:0;background:#fff}.nb-form-field-embed_code .nb-embed-empty{width:100%!important;margin:0!important}.nb-form-field-embed_code>.nb-form-field-editor-badge{z-index:4}