Changeset 356478

Timestamp:

11/01/2026 09:38:18 AM (less than one hour ago)

Author:

themedropbox

Message:

New version of Flowix - 1.1.2

Location:

flowix/1.1.2

Files:

• . (copied) (copied from flowix/1.1.1 )
• 404.php (modified) (1 diff)
• archive.php (modified) (1 diff)
• assets/css/builder-controls-rtl.css (added)
• assets/css/builder-controls.css (modified) (1 diff)
• assets/css/element-styles-controls-rtl.css (added)
• assets/css/flowix-history-rtl.css (added)
• assets/css/flowix-history.css (added)
• assets/css/header-builder-rtl.css (added)
• assets/css/header-builder.css (modified) (4 diffs)
• assets/css/home-sections-rtl.css (added)
• assets/css/home-sections.css (modified) (1 diff)
• assets/css/shop-features-rtl.css (added)
• assets/css/shop-features.css (modified) (2 diffs)
• assets/css/woocommerce-rtl.css (added)
• assets/js/builder-controls.js (modified) (8 diffs)
• assets/js/customizer-controls.js (modified) (1 diff)
• assets/js/customizer-preview.js (modified) (2 diffs)
• assets/js/element-styles-controls.js (modified) (9 diffs)
• assets/js/element-styles-preview.js (modified) (2 diffs)
• assets/js/flowix-history.js (added)
• assets/js/main.js (modified) (9 diffs)
• assets/js/shop-features.js (modified) (3 diffs)
• footer.php (modified) (1 diff)
• functions.php (modified) (13 diffs)
• header.php (modified) (5 diffs)
• inc/brand-kit.php (modified) (5 diffs)
• inc/customizer-output.php (modified) (1 diff)
• inc/customizer.php (modified) (5 diffs)
• inc/design-gallery.php (modified) (3 diffs)
• inc/editor-history.php (added)
• inc/element-registry.php (modified) (1 diff)
• inc/element-styles.php (modified) (6 diffs)
• inc/footer-builder.php (modified) (9 diffs)
• inc/header-builder.php (modified) (6 diffs)
• inc/home-sections.php (modified) (14 diffs)
• inc/shop-features.php (modified) (6 diffs)
• inc/upsell.php (deleted)
• index.php (modified) (1 diff)
• languages (added)
• languages/flowix.pot (added)
• page.php (modified) (2 diffs)
• readme.txt (modified) (3 diffs)
• search.php (modified) (4 diffs)
• single.php (modified) (2 diffs)
• style-rtl.css (added)
• style.css (modified) (9 diffs)
• template-parts/home/featured.php (modified) (1 diff)
• template-parts/home/page_content.php (modified) (1 diff)
• template-parts/home/testimonials.php (deleted)
• template-parts/home/trust.php (modified) (1 diff)
• template-parts/home/vendor.php (deleted)
• woocommerce.php (modified) (1 diff)

flowix/1.1.2/404.php

@@ -6 +6 @@
 get_header(); ?>
 <div class="container">
-        <div class="error-404" style="padding:100px 20px;text-align:center;">
+        <div class="error-404">
                 <div class="error-404-number" aria-hidden="true">404</div>
                 <span class="eyebrow"><?php esc_html_e( 'Page Not Found', 'flowix' ); ?></span>
-                <h1 style="margin-bottom:16px;"><?php esc_html_e( "This page wandered off.", 'flowix' ); ?></h1>
-                <p class="lead" style="max-width:440px;margin:0 auto 36px;">
+                <h1><?php esc_html_e( "This page wandered off.", 'flowix' ); ?></h1>
+                <p class="lead">
                         <?php esc_html_e( "The page you're looking for doesn't exist. Maybe it moved, or the link was a typo.", 'flowix' ); ?>
                 </p>
-                <div style="display:flex;gap:14px;justify-content:center;flex-wrap:wrap;">
+                <div class="error-404-actions">
                         <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="btn btn--primary btn--lg">
                                 <?php esc_html_e( 'Go Home', 'flowix' ); ?>

flowix/1.1.2/archive.php

@@ -7 +7 @@
 
 get_header(); ?>
-<div class="container fx-blog" style="padding-top:48px;padding-bottom:64px;">
-        <header class="fx-blog-header" style="margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--border-light);">
+<div class="container fx-blog">
+        <header class="fx-blog-header fx-page-header">
                 <?php the_archive_title( '<h1>', '</h1>' ); ?>
-                <?php the_archive_description( '<div class="lead" style="margin-top:8px;">', '</div>' ); ?>
+                <?php the_archive_description( '<div class="lead fx-page-sub">', '</div>' ); ?>
         </header>
         <?php if ( have_posts() ) : ?>

flowix/1.1.2/assets/css/builder-controls.css

@@ -86 +86 @@
 .fx-gal-thumbs span { aspect-ratio: 1; background: #f0f0f1 center / cover; border-radius: 3px; }
 .fx-gallery-field { flex-direction: column; align-items: stretch; }
+.fx-cz-notice { display: block; padding: 8px 12px; margin: 0 0 12px; }
+.fx-cz-notice .button { margin-top: 8px; }

flowix/1.1.2/assets/css/header-builder.css

@@ -4 +4 @@
 .fx-header .fx-hrow-inner {
         display: grid !important;
-        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
+        /* Sides never squeeze below their content (logo, icons); a centred menu wraps instead. */
+        grid-template-columns: minmax(min-content, 1fr) minmax(0, auto) minmax(min-content, 1fr) !important;
         align-items: center;
         gap: var(--space-lg, 24px);
@@ -28 +29 @@
 /* Items */
 .fx-hitem--menu { display: flex; justify-content: center; }
+/* A long menu wraps onto a second line instead of running under the logo or icons. */
+.fx-hzone .fx-hitem--menu { min-width: 0; }
+.fx-hzone .fx-hitem--menu > ul { flex-wrap: wrap; row-gap: 2px; }
+.fx-hzone--center .fx-hitem--menu > ul { justify-content: center; }
+.fx-header .fx-desktop .fx-hitem--logo { flex-shrink: 0; white-space: nowrap; }
+.fx-hitem--secondary-menu a { white-space: nowrap; }
 .fx-hspacer { flex: 1 1 auto; }
 .fx-hdivider { width: 1px; height: 22px; background: currentColor; opacity: 0.25; margin: 0 6px; }
@@ -99 +106 @@
    ================================================================ */
 .fx-footer .fx-fmain { grid-template-columns: var(--fx-fgrid, 2fr 1fr 1fr 1fr); }
+/* Column layout presets (Footer Builder → Column layout). */
+.fx-footer .fx-fmain.fx-fgrid--1fr { --fx-fgrid: 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr { --fx-fgrid: 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--2fr-1fr { --fx-fgrid: 2fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-2fr { --fx-fgrid: 1fr 2fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr-1fr { --fx-fgrid: 1fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--2fr-1fr-1fr { --fx-fgrid: 2fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr-2fr { --fx-fgrid: 1fr 1fr 2fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-2fr-1fr { --fx-fgrid: 1fr 2fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr-1fr-1fr { --fx-fgrid: 1fr 1fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1p4fr-1fr-1fr-1fr { --fx-fgrid: 1.4fr 1fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--2fr-1fr-1fr-1fr { --fx-fgrid: 2fr 1fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr-1fr-2fr { --fx-fgrid: 1fr 1fr 1fr 2fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr-1fr-1fr-1fr { --fx-fgrid: 1fr 1fr 1fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--2fr-1fr-1fr-1fr-1fr { --fx-fgrid: 2fr 1fr 1fr 1fr 1fr; }
+.fx-footer .fx-fmain.fx-fgrid--1fr-1fr-1fr-1fr-1fr-1fr { --fx-fgrid: 1fr 1fr 1fr 1fr 1fr 1fr; }
 .fx-footer .fx-fmain > div:last-child { display: block; } /* old theme rule hid the last column on tablets */
 .fx-fcol { min-width: 0; display: flex; flex-direction: column; gap: 22px; }
@@ -109 +132 @@
 .fx-fcontact svg { flex: none; margin-top: 3px; opacity: 0.7; }
 .fx-fcontact a { color: inherit; }
-.fx-fnewsletter { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
-.fx-fnewsletter input[type="email"] { flex: 1 1 160px; min-width: 0; padding: 10px 12px; border-radius: var(--radius-sm, 4px); border: 1px solid color-mix(in srgb, var(--ft-tx, #faf7f2) 25%, transparent); background: color-mix(in srgb, var(--ft-tx, #faf7f2) 6%, transparent); color: inherit; }
 .fx-fbacktotop { display: inline-flex; align-items: center; gap: 6px; font-size: 0.75rem; color: inherit; text-decoration: none; opacity: 0.8; }
 .fx-fbacktotop:hover { opacity: 1; }

flowix/1.1.2/assets/css/home-sections.css

@@ -6 +6 @@
 .fx-sec-empty { padding: 24px; border: 2px dashed var(--border-light, #e0d6c6); border-radius: 8px; text-align: center; color: var(--walnut, #6b4e33); }
 
-/* Image banner */
-.fx-sec--banner {
-        display: flex;
-        align-items: center;
-        background: var(--espresso, #2d1a0e) var(--fx-banner-img, none) center / cover no-repeat;
-        color: var(--cream, #faf7f2);
-        isolation: isolate;
-}
-.fx-sec--banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.2)); z-index: -1; }
-.fx-banner--s { min-height: 280px; }
-.fx-banner--m { min-height: 440px; }
-.fx-banner--l { min-height: 620px; }
-.fx-banner--full { min-height: 100vh; }
-.fx-banner-inner { width: 100%; display: flex; }
-.fx-banner--center .fx-banner-inner { justify-content: center; text-align: center; }
-.fx-banner--right .fx-banner-inner { justify-content: flex-end; }
-.fx-banner-content { max-width: 620px; padding: 48px 0; }
-.fx-banner-title { color: inherit; font-size: clamp(2rem, 5vw, 3.6rem); margin: 8px 0 14px; }
-.fx-banner-text { font-size: 1.1rem; opacity: 0.9; margin-bottom: 24px; }
-.fx-banner-eyebrow { color: var(--gold-light, #d4b57a); }
 
-/* Image + text */
-.fx-ti-inner { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
-.fx-ti--right .fx-ti-media { order: 2; }
-.fx-ti-img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-md, 8px); display: block; }
-.fx-ti-placeholder { background: var(--linen, #f0e8dc); }
-.fx-ti-content .section-heading { margin-bottom: 18px; text-align: left; }
-.fx-ti-text { margin-bottom: 24px; line-height: 1.75; }
-
-/* Feature icons */
-.fx-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 28px; }
-.fx-feature { text-align: center; padding: 28px 20px; border-radius: var(--radius-md, 8px); background: #fff; border: 1px solid var(--border-light, #e8e0d3); }
-.fx-feature-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 50%; background: var(--linen, #f0e8dc); color: var(--gold, #9b7b3a); margin-bottom: 14px; }
-.fx-feature-title { font-size: 1.15rem; margin-bottom: 6px; }
-.fx-feature-text { font-size: 0.92rem; opacity: 0.8; margin: 0; }
-
-/* Call to action & countdown */
-.fx-sec--cta, .fx-sec--countdown { background: var(--linen, #f0e8dc); }
-.fx-cta-inner { text-align: center; max-width: 760px; }
-.fx-cta-text { font-size: 1.05rem; margin-bottom: 8px; }
-.fx-countdown { display: flex; justify-content: center; gap: clamp(8px, 2vw, 18px); margin-top: 22px; flex-wrap: wrap; }
-.fx-cd-unit { min-width: 84px; padding: 16px 10px; background: var(--espresso, #2d1a0e); color: var(--cream, #faf7f2); border-radius: var(--radius-md, 8px); display: flex; flex-direction: column; align-items: center; }
-.fx-cd-num { font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1; font-variant-numeric: tabular-nums; }
-.fx-cd-label { font-family: var(--font-ui); font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; margin-top: 6px; opacity: 0.75; }
-.fx-countdown.is-over { font-size: 1.2rem; font-weight: 600; }
-
-/* Ticker */
-.fx-sec--ticker { overflow: hidden; background: var(--espresso, #2d1a0e); color: var(--cream, #faf7f2); padding: 14px 0; }
-.fx-ticker-track { display: flex; width: max-content; animation: fx-ticker var(--fx-ticker-dur, 30s) linear infinite; }
-.fx-ticker--right .fx-ticker-track { animation-direction: reverse; }
-.fx-sec--ticker:hover .fx-ticker-track { animation-play-state: paused; }
-.fx-ticker-run { display: flex; align-items: center; flex: none; }
-.fx-ticker-item { font-family: var(--font-ui); font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; padding: 0 22px; }
-.fx-ticker-sep { color: var(--gold-light, #d4b57a); }
-@keyframes fx-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
-@media (prefers-reduced-motion: reduce) { .fx-ticker-track { animation: none; } }
-
-/* Video */
-.fx-video { position: relative; border-radius: var(--radius-md, 8px); overflow: hidden; background: #000; }
-.fx-video video, .fx-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }
-.fx-video-caption { text-align: center; margin-top: 12px; font-size: 0.9rem; opacity: 0.8; }
-
-@media (max-width: 782px) {
-        .fx-ti-inner { grid-template-columns: 1fr; }
-        .fx-ti--right .fx-ti-media { order: 0; }
-}
-.fx-video .fx-sec-empty { color: #fff; border-color: rgba(255, 255, 255, 0.4); margin: 0; }
+/* Spacer section heights (Homepage Sections → Spacer), in steps of 10px. */
+.fx-spacer--0 { height: 0px; }
+.fx-spacer--10 { height: 10px; }
+.fx-spacer--20 { height: 20px; }
+.fx-spacer--30 { height: 30px; }
+.fx-spacer--40 { height: 40px; }
+.fx-spacer--50 { height: 50px; }
+.fx-spacer--60 { height: 60px; }
+.fx-spacer--70 { height: 70px; }
+.fx-spacer--80 { height: 80px; }
+.fx-spacer--90 { height: 90px; }
+.fx-spacer--100 { height: 100px; }
+.fx-spacer--110 { height: 110px; }
+.fx-spacer--120 { height: 120px; }
+.fx-spacer--130 { height: 130px; }
+.fx-spacer--140 { height: 140px; }
+.fx-spacer--150 { height: 150px; }
+.fx-spacer--160 { height: 160px; }
+.fx-spacer--170 { height: 170px; }
+.fx-spacer--180 { height: 180px; }
+.fx-spacer--190 { height: 190px; }
+.fx-spacer--200 { height: 200px; }
+.fx-spacer--210 { height: 210px; }
+.fx-spacer--220 { height: 220px; }
+.fx-spacer--230 { height: 230px; }
+.fx-spacer--240 { height: 240px; }
+.fx-spacer--250 { height: 250px; }
+.fx-spacer--260 { height: 260px; }
+.fx-spacer--270 { height: 270px; }
+.fx-spacer--280 { height: 280px; }
+.fx-spacer--290 { height: 290px; }
+.fx-spacer--300 { height: 300px; }
+.fx-spacer--310 { height: 310px; }
+.fx-spacer--320 { height: 320px; }
+.fx-spacer--330 { height: 330px; }
+.fx-spacer--340 { height: 340px; }
+.fx-spacer--350 { height: 350px; }
+.fx-spacer--360 { height: 360px; }
+.fx-spacer--370 { height: 370px; }
+.fx-spacer--380 { height: 380px; }
+.fx-spacer--390 { height: 390px; }
+.fx-spacer--400 { height: 400px; }
+.fx-spacer--410 { height: 410px; }
+.fx-spacer--420 { height: 420px; }
+.fx-spacer--430 { height: 430px; }
+.fx-spacer--440 { height: 440px; }
+.fx-spacer--450 { height: 450px; }
+.fx-spacer--460 { height: 460px; }
+.fx-spacer--470 { height: 470px; }
+.fx-spacer--480 { height: 480px; }
+.fx-spacer--490 { height: 490px; }
+.fx-spacer--500 { height: 500px; }
+.fx-spacer--510 { height: 510px; }
+.fx-spacer--520 { height: 520px; }
+.fx-spacer--530 { height: 530px; }
+.fx-spacer--540 { height: 540px; }
+.fx-spacer--550 { height: 550px; }
+.fx-spacer--560 { height: 560px; }
+.fx-spacer--570 { height: 570px; }
+.fx-spacer--580 { height: 580px; }
+.fx-spacer--590 { height: 590px; }
+.fx-spacer--600 { height: 600px; }

flowix/1.1.2/assets/css/shop-features.css

@@ -11 +11 @@
 .woocommerce div.product > .fx-badges { top: 16px; left: 16px; }
 
-/* ── Card buttons (wishlist, quick view) ── */
-.fx-card-btns { position: absolute; top: 12px; right: 12px; display: flex; flex-direction: column; gap: 8px; z-index: 4; }
-.fx-card-btn {
-        width: 38px; height: 38px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
-        display: grid; place-items: center;
-        background: var(--bg-surface, #fff); color: var(--tx-strong, #1c0f06);
-        box-shadow: 0 4px 14px var(--shadow-warm, rgba(0,0,0,.12));
-        opacity: 0; transform: translateX(8px);
-        transition: opacity .25s, transform .25s, background .2s, color .2s;
-}
-.fx-card-btn:nth-child(2) { transition-delay: .05s; }
-.product-card:hover .fx-card-btn, li.product:hover .fx-card-btn, .fx-card-btn:focus-visible, .fx-wl-btn.is-on { opacity: 1; transform: none; }
-@media (hover: none) { .fx-card-btn { opacity: 1; transform: none; } }
-.fx-card-btn:hover { background: var(--tx-strong, #1c0f06); color: var(--bg-page, #fff); }
-.fx-card-btn svg { pointer-events: none; }
-.fx-wl-btn.is-on { color: var(--terracotta, #c0392b); }
-.fx-wl-btn.is-on svg { fill: currentColor; }
-.fx-wl-btn.is-on:hover { background: var(--bg-surface, #fff); color: var(--terracotta, #c0392b); }
-.fx-pop svg { animation: fx-pop .45s cubic-bezier(.3,1.6,.5,1); }
-@keyframes fx-pop { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }
-.fx-card-btn.is-loading { animation: fx-pulse 0.8s infinite alternate; }
-@keyframes fx-pulse { to { opacity: .45; } }
-
-/* Colour dots on cards */
-.fx-card-dots { display: flex; gap: 5px; margin-top: 4px; flex-wrap: wrap; }
-li.product .fx-card-dots { justify-content: inherit; padding: 0 0 6px; }
-.fx-dot { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
-
-/* ── Quick view ── */
-html.fx-qv-lock { overflow: hidden; }
-.fx-qv-modal { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: 16px; }
-.fx-qv-backdrop { position: absolute; inset: 0; background: rgba(15,10,5,.55); backdrop-filter: blur(3px); opacity: 0; transition: opacity .25s; }
-.fx-qv-dialog {
-        position: relative; width: min(960px, 100%); max-height: calc(100vh - 32px); overflow: auto;
-        background: var(--bg-page, #fff); color: var(--tx-strong, #1c0f06); border-radius: var(--radius-lg, 8px);
-        box-shadow: 0 30px 80px rgba(0,0,0,.35);
-        opacity: 0; transform: translateY(20px) scale(.97); transition: opacity .25s, transform .25s;
-}
-.fx-qv-modal.is-open .fx-qv-backdrop, .fx-qv-modal.is-open .fx-qv-dialog { opacity: 1; transform: none; }
-.fx-qv-close { position: absolute; top: 10px; right: 12px; z-index: 5; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--bg-surface, #fff); color: inherit; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 2px 10px rgba(0,0,0,.12); }
-.fx-qv { display: grid; grid-template-columns: 1fr 1fr; }
-.fx-qv-media { position: relative; background: var(--bg-tint2, var(--bg-tint, #f6f1ea)); }
-.fx-qv-main img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
-.fx-qv-thumbs { display: flex; gap: 6px; padding: 8px; overflow-x: auto; }
-.fx-qv-thumb { flex: 0 0 56px; padding: 0; border: 2px solid transparent; border-radius: 4px; overflow: hidden; cursor: pointer; background: none; }
-.fx-qv-thumb.is-on, .fx-qv-thumb:hover { border-color: var(--tx-strong, #1c0f06); }
-.fx-qv-thumb img { display: block; width: 100%; height: 56px; object-fit: cover; }
-.fx-qv-summary { padding: 36px 32px 28px; display: flex; flex-direction: column; gap: 10px; }
-.fx-qv-title { margin: 0 30px 0 0; }
-.fx-qv-summary .price { font-size: 1.3rem; }
-.fx-qv-summary form.cart { margin: 8px 0 0; }
-.fx-qv-more { margin-top: auto; font-weight: 600; font-size: .9rem; }
-.fx-qv-dialog .fx-qv.product div.summary { width: auto !important; float: none !important; margin: 0 !important; }
-.fx-qv .fx-qv-summary .woocommerce-product-details__short-description, .fx-qv-summary p { max-width: none; }
-.fx-qv table.variations, .fx-qv table.variations tbody, .fx-qv table.variations tr, .fx-qv table.variations th, .fx-qv table.variations td { display: block; width: auto; padding: 0; text-align: left; }
-.fx-qv table.variations tr { margin-bottom: 14px; }
-.fx-qv table.variations th { margin-bottom: 8px; }
-.fx-qv form.cart .woocommerce-variation-add-to-cart, .fx-qv form.cart:not(.variations_form) { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
-.fx-qv form.cart .fx-buy-now { margin-left: 0; }
-@media (max-width: 700px) { .fx-qv { grid-template-columns: 1fr; } .fx-qv-summary { padding: 22px 18px; } }
-
-/* ── Swatches ── */
-.fx-swatch-wrap select { position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none; }
-.fx-swatch-wrap { position: relative; }
-.fx-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
-.fx-swatch {
-        --fx-sw: transparent;
-        min-width: 36px; height: 36px; padding: 0; border: 1px solid var(--bd-light, #ddd); border-radius: 50%;
-        background: var(--fx-sw); color: var(--tx-strong, #1c0f06); cursor: pointer; overflow: hidden;
-        display: inline-grid; place-items: center; font: 600 .8rem/1 var(--font-ui, inherit);
-        box-shadow: 0 0 0 2px var(--bg-page, #fff) inset; transition: box-shadow .15s, transform .15s, border-color .15s;
-}
-.fx-swatches--rounded .fx-swatch { border-radius: 8px; }
-.fx-swatches--square .fx-swatch { border-radius: 0; }
-.fx-swatch.is-label { padding: 0 14px; border-radius: 999px; background: var(--bg-surface, #fff); box-shadow: none; }
-.fx-swatches--rounded .fx-swatch.is-label { border-radius: 8px; }
-.fx-swatches--square .fx-swatch.is-label { border-radius: 0; }
-.fx-swatch.is-image img { width: 100%; height: 100%; object-fit: cover; }
-.fx-swatch.is-image { width: 44px; height: 44px; }
-.fx-swatch:hover { transform: translateY(-1px); border-color: var(--tx-strong, #1c0f06); }
-.fx-swatch.is-selected { border-color: var(--tx-strong, #1c0f06); box-shadow: 0 0 0 2px var(--bg-page, #fff) inset, 0 0 0 2px var(--tx-strong, #1c0f06); }
-.fx-swatch.is-label.is-selected { background: var(--tx-strong, #1c0f06); color: var(--bg-page, #fff); box-shadow: none; }
-.fx-swatch.is-disabled { opacity: .3; cursor: not-allowed; position: relative; }
-.fx-swatch.is-disabled::after { content: ""; position: absolute; left: 50%; top: -4px; bottom: -4px; width: 1px; background: currentColor; transform: rotate(45deg); }
-.fx-swatch-chosen { display: block; margin-top: 6px; font-size: .85rem; color: var(--tx-muted, #6b5a4c); min-height: 1.2em; }
-.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: top; padding-bottom: 14px; }
-
-/* ── Sale countdown & urgency ── */
-.fx-sale-cd { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin: 4px 0 16px; padding: 12px 14px; border-radius: var(--radius-md, 4px); background: color-mix(in srgb, var(--terracotta, #c0392b) 9%, transparent); color: var(--terracotta, #c0392b); font-weight: 600; }
-.fx-sale-cd-label { display: inline-flex; align-items: center; gap: 6px; }
-.fx-sale-cd .fx-countdown--inline { display: flex; gap: 6px; }
-.fx-sale-cd .fx-cd-unit { display: inline-flex; align-items: baseline; gap: 1px; padding: 4px 7px; border-radius: 4px; background: var(--bg-page, #fff); color: var(--tx-strong, #1c0f06); font-variant-numeric: tabular-nums; }
-.fx-sale-cd .fx-cd-num { font-size: 1rem; font-weight: 700; }
-.fx-sale-cd .fx-cd-label { font-size: .7rem; opacity: .7; }
-.fx-urgency { margin: 0 0 16px; }
-.fx-urgency p { display: flex; align-items: center; gap: 6px; margin: 0 0 6px; font-weight: 600; color: var(--terracotta, #c0392b); }
-.fx-urgency-bar { display: block; height: 6px; border-radius: 6px; background: var(--bd-light, #eee); overflow: hidden; }
-.fx-urgency-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--terracotta, #c0392b), var(--amber, #d89a3c)); }
-
-/* ── Buy now ── */
-form.cart .fx-buy-now, .woocommerce div.product form.cart .fx-buy-now {
-        margin-left: 8px; padding: 15px 30px; flex: 1;
-        background: var(--fx-accent, var(--gold, #b8893a)); border: 1px solid var(--fx-accent, var(--gold, #b8893a)); color: #fff !important;
-        font: 700 .75rem/1 var(--font-ui, inherit); letter-spacing: .2em; text-transform: uppercase; cursor: pointer;
-}
-form.cart .fx-buy-now:hover { filter: brightness(1.08); }
-.woocommerce-variation-add-to-cart-disabled .fx-buy-now { opacity: .5; pointer-events: none; }
-li.product .fx-card-dots { padding: 0 18px 6px; }
-form.cart.variations_form .fx-buy-now, form.cart .fx-buy-now { vertical-align: middle; }
-@media (max-width: 480px) { form.cart .fx-buy-now { width: 100%; margin: 10px 0 0 !important; } }
 
 /* ── Delivery & trust ── */
@@ -175 +65 @@
 @media (max-width: 600px) { .fx-toast { right: 16px; bottom: 16px; } }
 
-/* ── Load more ── */
-.fx-loadmore { display: flex; justify-content: center; margin: 32px 0; }
-.fx-new-item { opacity: 0; transform: translateY(12px); }
-ul.products > *, .products-grid > * { transition: opacity .4s, transform .4s; }
 
-/* ── Product lists (wishlist, recently viewed) ── */
-.fx-plist.is-loading .fx-plist-grid { min-height: 200px; opacity: .5; }
-.fx-plist-empty { text-align: center; padding: 40px 16px; color: var(--tx-muted, #6b5a4c); }
-.fx-form-error { margin-bottom: 12px; }
-
-/* Options table above the price/add-to-cart row (WooCommerce puts them side by side, which squeezes swatches). */
-.woocommerce div.product form.variations_form, .fx-qv form.variations_form { display: block; }
-.woocommerce div.product form.variations_form table.variations { width: 100%; margin-bottom: 8px; }
-.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; }
-.woocommerce div.product form.variations_form .woocommerce-variation-add-to-cart .fx-buy-now { margin-left: 0; }
-.woocommerce div.product form.variations_form .woocommerce-variation-description p { margin: 0 0 12px; }
-.fx-qv-media { align-self: start; }
-.fx-qv .variations th, .fx-qv .variations td, .fx-qv .variations label { padding: 0 !important; margin: 0 !important; line-height: 1.4; }
-.fx-qv table.variations th { margin-bottom: 8px !important; }
-.fx-qv table.variations { margin: 6px 0 14px !important; }
-
-/* Phones: quantity + Add to cart on one row, Buy now full width underneath. */
-@media (max-width: 600px) {
-        .woocommerce div.product form.cart:not(.variations_form), .woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 8px; }
-        .woocommerce div.product form.cart .single_add_to_cart_button { flex: 1 1 auto; padding-left: 16px !important; padding-right: 16px !important; white-space: nowrap; }
-        .woocommerce div.product form.cart .fx-buy-now { flex: 1 1 100%; margin: 0 !important; }
-}
+/* Free-delivery bar fill, in steps of 5%. */
+.fx-fsb-fill--0 { width: 0%; }
+.fx-fsb-fill--5 { width: 5%; }
+.fx-fsb-fill--10 { width: 10%; }
+.fx-fsb-fill--15 { width: 15%; }
+.fx-fsb-fill--20 { width: 20%; }
+.fx-fsb-fill--25 { width: 25%; }
+.fx-fsb-fill--30 { width: 30%; }
+.fx-fsb-fill--35 { width: 35%; }
+.fx-fsb-fill--40 { width: 40%; }
+.fx-fsb-fill--45 { width: 45%; }
+.fx-fsb-fill--50 { width: 50%; }
+.fx-fsb-fill--55 { width: 55%; }
+.fx-fsb-fill--60 { width: 60%; }
+.fx-fsb-fill--65 { width: 65%; }
+.fx-fsb-fill--70 { width: 70%; }
+.fx-fsb-fill--75 { width: 75%; }
+.fx-fsb-fill--80 { width: 80%; }
+.fx-fsb-fill--85 { width: 85%; }
+.fx-fsb-fill--90 { width: 90%; }
+.fx-fsb-fill--95 { width: 95%; }
+.fx-fsb-fill--100 { width: 100%; }

flowix/1.1.2/assets/js/builder-controls.js

@@ -24 +24 @@
                         return fallback;
                 }
+        }
+
+        /** Redraw a builder when its setting is changed from elsewhere (undo, a look, import). */
+        function follow( builder, load ) {
+                builder.written = builder.control.setting.get();
+                builder.control.setting.bind( function( v ) {
+                        if ( v === builder.written ) {
+                                return;
+                        }
+                        builder.written = v;
+                        load( v );
+                        builder.open = null;
+                        builder.render();
+                } );
         }
 
@@ -39 +53 @@
                 this.render();
                 var self = this;
+                follow( this, function( v ) {
+                        self.cfg = $.extend( true, {}, B.header.defaults, parse( v, {} ) );
+                } );
                 if ( api.previewedDevice ) {
                         api.previewedDevice.bind( function( d ) {
@@ -51 +68 @@
 
         HeaderBuilder.prototype.save = function() {
-                this.control.setting.set( JSON.stringify( this.cfg ) );
+                this.written = JSON.stringify( this.cfg );
+                this.control.setting.set( this.written );
         };
 
@@ -262 +280 @@
                 this.open = null;
                 this.render();
+                var self = this;
+                follow( this, function( v ) {
+                        self.cfg = $.extend( true, {}, B.footer.defaults, parse( v, {} ) );
+                } );
         }
 
@@ -268 +290 @@
 
         FooterBuilder.prototype.save = function() {
-                this.control.setting.set( JSON.stringify( this.cfg ) );
+                this.written = JSON.stringify( this.cfg );
+                this.control.setting.set( this.written );
         };
 
@@ -438 +461 @@
                 categories: 'flowix_categories_section',
                 featured: 'flowix_featured',
-                testimonials: 'flowix_testimonials',
-                vendor: 'flowix_vendor_cta',
                 page_content: 'static_front_page',
         };
@@ -461 +482 @@
                         self.renderNotice();
                 } );
+                follow( this, function( v ) {
+                        var l = parse( v, null );
+                        self.list = Array.isArray( l ) ? l : $.extend( true, [], B.sections.initial );
+                        self.list.forEach( function( sec ) {
+                                if ( ! sec.d || Array.isArray( sec.d ) ) {
+                                        sec.d = {};
+                                }
+                        } );
+                } );
         }
 
@@ -467 +497 @@
                 clearTimeout( this.timer );
                 var run = function() {
-                        self.control.setting.set( JSON.stringify( self.list ) );
+                        self.written = JSON.stringify( self.list );
+                        self.control.setting.set( self.written );
                 };
                 if ( later ) {

flowix/1.1.2/assets/js/customizer-controls.js

@@ -19 +19 @@
                         'flowix_cats',
                         'flowix_feat',
-                        'flowix_testi',
-                        'flowix_vendor',
-                        'flowix_news',
                         'flowix_footer_sec',
                         'flowix_header',

flowix/1.1.2/assets/js/customizer-preview.js

@@ -191 +191 @@
 
         /* ── FOOTER ───────────────────────────────────────────────────── */
-        bind( 'flowix_footer_tagline', function( val ) {
-                document.querySelectorAll( '.footer-brand-desc' ).forEach( function(e){e.textContent=val;} );
-        } );
         bind( 'flowix_footer_text_color', function( val ) {
                 var footer = document.querySelector( '#colophon' );
@@ -205 +202 @@
         bindSectionBg( 'flowix_cats',       '#categories-section' );
         bindSectionBg( 'flowix_feat',       '#featured-section' );
-        bindSectionBg( 'flowix_testi',      '#testimonials-section' );
-        bindSectionBg( 'flowix_vendor',     '.vendor-cta' );
-        bindSectionBg( 'flowix_news',       '.newsletter-section' );
         bindSectionBg( 'flowix_footer_sec', '#colophon' );
 

flowix/1.1.2/assets/js/element-styles-controls.js

@@ -527 +527 @@
                                         $wrap.addClass( 'is-set' );
                                 } );
-                                var $transparent = el( 'button', { type: 'button', class: 'button button-small flowix-transparent', text: 'transparent' } ).on( 'click', function() {
+                                var $transparent = el( 'button', { type: 'button', class: 'button button-small flowix-transparent', text: T.transparent } ).on( 'click', function() {
                                         tok = null;
                                         self.write( key, 'transparent', true );
@@ -811 +811 @@
                         var $mock = el( 'div', { class: 'flowix-look-mock' } ).css( { background: c.background, color: c.text, fontFamily: "'" + f.body + "', sans-serif" } );
                         $mock.append( el( 'div', { class: 'flowix-look-bar' } ).css( { background: c.header || c.primary, borderBottom: '1px solid rgba(0,0,0,.08)' } ).append(
-                                el( 'span', { text: 'Shop' } ).css( { color: c.header_text || '#fff', fontFamily: "'" + f.display + "', serif" } ),
+                                el( 'span', { text: T.lookShop } ).css( { color: c.header_text || '#fff', fontFamily: "'" + f.display + "', serif" } ),
                                 el( 'i' ).css( 'background', c.accent )
                         ) );
                         $mock.append( el( 'div', { class: 'flowix-look-hero' } ).css( 'background', c.hero || c.primary ).append(
-                                el( 'b', { text: 'Live better.' } ).css( { fontFamily: "'" + f.display + "', serif", color: c.hero_text || '#fff' } ),
-                                el( 'span', { text: 'Shop now' } ).css( { background: c.accent, color: c.background, borderRadius: Math.min( 30, r * 2 ) + 'px' } )
+                                el( 'b', { text: T.lookTagline } ).css( { fontFamily: "'" + f.display + "', serif", color: c.hero_text || '#fff' } ),
+                                el( 'span', { text: T.lookButton } ).css( { background: c.accent, color: c.background, borderRadius: Math.min( 30, r * 2 ) + 'px' } )
                         ) );
                         var $cards = el( 'div', { class: 'flowix-look-cards' } );
@@ -829 +829 @@
                         var $apply = el( 'button', { type: 'button', class: 'button button-primary', text: T.applyLook } ).on( 'click', function() {
                                 if ( window.confirm( T.confirmLook.replace( '%s', look.name ) ) ) {
+                                        historyName( 'look', look.name );
                                         applyLook( look, layoutToo );
                                         $root.find( '.flowix-look' ).removeClass( 'is-applied' );
@@ -868 +869 @@
 
 
+        /** Names the next undo step (see flowix-history.js), e.g. "Look: Surf Club". */
+        function historyName( kind, detail ) {
+                if ( window.flowixHistory ) {
+                        window.flowixHistory.name( kind, detail );
+                }
+        }
+
         function applyLook( look, layout ) {
                 api( 'flowix_brand' ).set( JSON.stringify( look.brand ) );
@@ -904 +912 @@
                 var cur = parse( api( 'flowix_home_sections' ).get() );
                 if ( ! Array.isArray( cur ) || ! cur.length ) {
-                        cur = [ 'hero', 'trust', 'categories', 'featured', 'testimonials', 'vendor' ].map( function( t ) {
-                                return { id: t, type: t, on: true, d: {} };
-                        } );
+                        cur = window.flowixBuilder && window.flowixBuilder.sections ? ( window.flowixBuilder.sections.initial || [] ) : [];
                 }
                 var defs = window.flowixBuilder && window.flowixBuilder.sections ? window.flowixBuilder.sections.defaults || {} : {};
@@ -946 +952 @@
                 var b = $.extend( true, {}, D.brand.defaults, parse( control.setting.get() ) );
                 var timer;
+                var written = control.setting.get();
                 var save = function( now ) {
                         clearTimeout( timer );
                         var run = function() {
-                                control.setting.set( JSON.stringify( b ) );
+                                written = JSON.stringify( b );
+                                control.setting.set( written );
                         };
                         if ( now ) {
@@ -1093 +1101 @@
                 };
                 render();
+                // Changed from elsewhere (undo, a look, import): redraw with the new values.
+                control.setting.bind( function( v ) {
+                        if ( v !== written ) {
+                                clearTimeout( timer );
+                                written = v;
+                                b = $.extend( true, {}, D.brand.defaults, parse( v ) );
+                                render();
+                        }
+                } );
         }
 
@@ -1153 +1170 @@
                                 }
                                 var n = 0;
+                                historyName( 'import', file.name );
                                 Object.keys( data.styles ).forEach( function( id ) {
                                         if ( api( id ) && ( id.indexOf( 'flowix_el_' ) === 0 || [ 'flowix_custom_elements', 'flowix_site_fx', 'flowix_brand', 'flowix_styles', 'flowix_header', 'flowix_footer', 'flowix_home_sections' ].indexOf( id ) !== -1 ) ) {
@@ -1169 +1187 @@
                                 return;
                         }
+                        historyName( 'resetAll' );
                         flowixSettingIds().forEach( function( id ) {
                                 api( id ).set( id === 'flowix_custom_elements' ? '[]' : '' );

flowix/1.1.2/assets/js/element-styles-preview.js

@@ -55 +55 @@
 
         function setStyleTag( key, css ) {
-                var $tag = $( '#flowix-el-' + key );
+                // Element stylesheets are enqueued as "flowix-el-{key}" (WordPress prints them as #flowix-el-{key}-inline-css).
+                var $tag = $( '#flowix-el-' + key + '-inline-css, #flowix-el-' + key ).first();
                 if ( ! $tag.length ) {
-                        $tag = $( '<style id="flowix-el-' + key + '"></style>' ).appendTo( 'head' );
+                        $tag = $( '<style id="flowix-el-' + key + '-inline-css"></style>' ).appendTo( 'head' );
                 }
                 $tag.text( css );
@@ -83 +84 @@
                                 setStyleTag( key, r.css );
                                 if ( key === 'brand' ) {
-                                        $( '#flowix-brand' ).text( r.css );
+                                        $( '#flowix-brand-inline-css' ).text( r.css );
                                         if ( r.dark ) {
                                                 document.documentElement.setAttribute( 'data-flowix-dark', r.dark.mode );

flowix/1.1.2/assets/js/main.js

@@ -25 +25 @@
         function on( el, ev, fn ) { if ( el ) el.addEventListener( ev, fn ); }
 
+        /* ── KEYBOARD: keep focus inside an open panel, give it back on close ── */
+        var FOCUSABLE = 'a[href], area[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+        var trapPanel = null;
+        var trapReturn = null;
+        function focusables( panel ) {
+                return Array.prototype.filter.call( panel.querySelectorAll( FOCUSABLE ), function ( el ) {
+                        return el.offsetWidth || el.offsetHeight || el.getClientRects().length;
+                } );
+        }
+        function trapOpen( panel, first ) {
+                trapPanel = panel;
+                trapReturn = document.activeElement;
+                panel.removeAttribute( 'aria-hidden' );
+                setTimeout( function () {
+                        var list = focusables( panel );
+                        var target = first || list[ 0 ] || panel;
+                        if ( target === panel ) panel.setAttribute( 'tabindex', '-1' );
+                        target.focus();
+                }, 60 );
+        }
+        function trapClose( panel ) {
+                panel.setAttribute( 'aria-hidden', 'true' );
+                if ( trapPanel !== panel ) return;
+                trapPanel = null;
+                if ( trapReturn && trapReturn.focus && document.contains( trapReturn ) ) trapReturn.focus();
+                trapReturn = null;
+        }
+        document.addEventListener( 'keydown', function ( e ) {
+                if ( e.key !== 'Tab' || ! trapPanel ) return;
+                var list = focusables( trapPanel );
+                if ( ! list.length ) { e.preventDefault(); return; }
+                var first = list[ 0 ];
+                var last = list[ list.length - 1 ];
+                if ( e.shiftKey && ( document.activeElement === first || ! trapPanel.contains( document.activeElement ) ) ) {
+                        e.preventDefault();
+                        last.focus();
+                } else if ( ! e.shiftKey && ( document.activeElement === last || ! trapPanel.contains( document.activeElement ) ) ) {
+                        e.preventDefault();
+                        first.focus();
+                }
+        } );
+        [ searchOverlay, miniCartDrawer, mobileDrawer ].forEach( function ( panel ) {
+                if ( panel ) panel.setAttribute( 'aria-hidden', 'true' );
+        } );
+
         /* ── SEARCH ── */
         function openSearch() {
@@ -31 +76 @@
                 if ( searchOpen ) searchOpen.setAttribute( 'aria-expanded', 'true' );
                 lockScroll();
-                setTimeout( function () {
-                        var inp = searchOverlay.querySelector( 'input[type="search"]' );
-                        if ( inp ) inp.focus();
-                }, 100 );
+                trapOpen( searchOverlay, searchOverlay.querySelector( 'input[type="search"]' ) );
         }
         function closeSearch() {
-                if ( ! searchOverlay ) return;
+                if ( ! searchOverlay || ! searchOverlay.classList.contains( 'open' ) ) return;
                 searchOverlay.classList.remove( 'open' );
                 if ( searchOpen ) searchOpen.setAttribute( 'aria-expanded', 'false' );
                 unlockScroll();
+                trapClose( searchOverlay );
         }
         on( searchClose, 'click', closeSearch );
@@ -70 +113 @@
                 if ( miniCartOpen ) miniCartOpen.setAttribute( 'aria-expanded', 'true' );
                 lockScroll();
+                trapOpen( miniCartDrawer, miniCartClose );
         }
         function closeMiniCart() {
-                if ( ! miniCartDrawer ) return;
+                if ( ! miniCartDrawer || ! miniCartDrawer.classList.contains( 'open' ) ) return;
                 miniCartDrawer.classList.remove( 'open' );
                 if ( miniCartOverlay ) miniCartOverlay.classList.remove( 'open' );
                 if ( miniCartOpen ) miniCartOpen.setAttribute( 'aria-expanded', 'false' );
                 unlockScroll();
+                trapClose( miniCartDrawer );
         }
         window.flowixOpenMiniCart = function () { openMiniCart(); refreshMiniCart(); };
@@ -89 +134 @@
                 if ( navHamburger ) { navHamburger.classList.add( 'active' ); navHamburger.setAttribute( 'aria-expanded', 'true' ); }
                 lockScroll();
+                trapOpen( mobileDrawer, mobileClose );
         }
         function closeMobileNav() {
-                if ( ! mobileDrawer ) return;
+                if ( ! mobileDrawer || ! mobileDrawer.classList.contains( 'open' ) ) return;
                 mobileDrawer.classList.remove( 'open' );
                 if ( mobileOverlay ) mobileOverlay.classList.remove( 'open' );
                 if ( navHamburger ) { navHamburger.classList.remove( 'active' ); navHamburger.setAttribute( 'aria-expanded', 'false' ); }
                 unlockScroll();
+                trapClose( mobileDrawer );
         }
         on( mobileClose, 'click', closeMobileNav );
@@ -166 +213 @@
         }
 
-        /* ── COUNTDOWNS (homepage "Sale Countdown" sections) ── */
-        ( function () {
-                function pad( n ) { return ( n < 10 ? '0' : '' ) + n; }
-                function tick() {
-                        document.querySelectorAll( '.fx-countdown[data-end]' ).forEach( function ( el ) {
-                                var left = parseInt( el.getAttribute( 'data-end' ), 10 ) - Date.now();
-                                if ( ! left || left <= 0 ) {
-                                        if ( ! el.classList.contains( 'is-over' ) ) {
-                                                el.classList.add( 'is-over' );
-                                                el.textContent = el.getAttribute( 'data-after' ) || '';
-                                        }
-                                        return;
-                                }
-                                var s = Math.floor( left / 1000 );
-                                var v = { d: Math.floor( s / 86400 ), h: Math.floor( s % 86400 / 3600 ), m: Math.floor( s % 3600 / 60 ), s: s % 60 };
-                                el.querySelectorAll( '[data-u]' ).forEach( function ( n ) { n.textContent = pad( v[ n.getAttribute( 'data-u' ) ] ); } );
-                        } );
-                }
-                tick();
-                setInterval( tick, 1000 );
-        } )();
 
         /* ── SMOOTH SCROLL ANCHORS ── */
@@ -206 +232 @@
                                 e.preventDefault();
                                 window.scrollTo( { top: target.getBoundingClientRect().top + window.scrollY - 90, behavior: 'smooth' } );
+                                // Move keyboard focus too (skip link, in-page links).
+                                if ( ! target.matches( FOCUSABLE ) && ! target.hasAttribute( 'tabindex' ) ) target.setAttribute( 'tabindex', '-1' );
+                                target.focus( { preventScroll: true } );
                         }
                 } )();
@@ -256 +285 @@
                 data.append( 'action',     'woocommerce_add_to_cart' );
                 data.append( 'product_id', productId );
-                data.append( 'quantity',   1 );
+                var qtyInput = btn.parentNode && btn.parentNode.querySelector( '.sticky-atc-qty' );
+                data.append( 'quantity',   Math.max( 1, parseInt( qtyInput ? qtyInput.value : 1, 10 ) || 1 ) );
 
                 fetch( flowixVars.ajaxUrl, { method: 'POST', body: data, credentials: 'same-origin' } )
@@ -280 +310 @@
         /* ── SCROLL-IN ANIMATIONS ── */
         if ( 'IntersectionObserver' in window ) {
-                var animItems = document.querySelectorAll( '.product-card, .cat-tile, .testimonial-card, .trust-item' );
+                var animItems = document.querySelectorAll( '.product-card, .cat-tile, .trust-item' );
                 if ( animItems.length ) {
                         var styleEl = document.createElement( 'style' );
@@ -294 +324 @@
         }
 
-        /* ── DROPDOWN NAV ACCESSIBILITY ── */
+        /* ── DROPDOWN NAV ACCESSIBILITY ──
+           Opens on hover and on keyboard focus; aria-expanded follows both. Escape closes it and
+           returns focus to the parent link; the arrow-down key opens it from the parent link. */
         document.querySelectorAll( '.primary-nav > li' ).forEach( function ( item ) {
                 var link    = item.querySelector( 'a' );
                 var submenu = item.querySelector( '.sub-menu' );
                 if ( ! submenu || ! link ) return;
+                var hover = false;
+                var escaped = false;
+                function set( open ) {
+                        item.classList.toggle( 'is-open', open );
+                        link.setAttribute( 'aria-expanded', open ? 'true' : 'false' );
+                }
                 link.setAttribute( 'aria-haspopup', 'true' );
                 link.setAttribute( 'aria-expanded', 'false' );
-                on( item, 'mouseenter', function () { link.setAttribute( 'aria-expanded', 'true' ); } );
-                on( item, 'mouseleave', function () { link.setAttribute( 'aria-expanded', 'false' ); } );
+                on( item, 'mouseenter', function () { hover = true; set( true ); } );
+                on( item, 'mouseleave', function () { hover = false; if ( ! item.contains( document.activeElement ) ) set( false ); } );
+                on( item, 'focusin', function () {
+                        if ( escaped ) { escaped = false; return; }
+                        set( true );
+                } );
+                on( item, 'focusout', function ( e ) {
+                        if ( ! item.contains( e.relatedTarget ) && ! hover ) set( false );
+                } );
+                on( item, 'keydown', function ( e ) {
+                        if ( e.key === 'Escape' && item.classList.contains( 'is-open' ) ) {
+                                e.stopPropagation();
+                                set( false );
+                                escaped = document.activeElement !== link;
+                                link.focus();
+                        } else if ( e.key === 'ArrowDown' && document.activeElement === link ) {
+                                var firstSub = submenu.querySelector( 'a' );
+                                if ( firstSub ) { e.preventDefault(); set( true ); firstSub.focus(); }
+                        }
+                } );
         } );
 

flowix/1.1.2/assets/js/shop-features.js

@@ -1 +1 @@
 /**
- * Flowix — Shop Features: wishlist, quick view, swatches, added-to-cart, load more,
- * sale countdown, delivery cut-off, recently viewed, product tabs layout.
+ * Flowix — Shop Features: front-end behaviour for the shop options in the Customizer.
  */
 ( function( $ ) {
@@ -12 +11 @@
         var T = S.i18n;
 
-        function store( key, val ) {
-                try {
-                        if ( val === undefined ) {
-                                return JSON.parse( window.localStorage.getItem( key ) || '[]' );
-                        }
-                        window.localStorage.setItem( key, JSON.stringify( val ) );
-                } catch ( e ) {}
-                return [];
-        }
-        function ids( list ) {
-                return ( Array.isArray( list ) ? list : [] ).map( Number ).filter( Boolean );
-        }
 
-
-        /* ── ADD TO CART WITHOUT LEAVING THE PAGE (product page + quick view) ── */
+        /* ── ADD TO CART WITHOUT LEAVING THE PAGE ── */
         $( document ).on( 'submit', 'form.cart', function( e ) {
                 var form = this;
                 var sub = e.originalEvent && e.originalEvent.submitter;
-                if ( ( sub && sub.name === 'flowix_buy_now' ) || form.classList.contains( 'grouped_form' ) || ! window.fetch || ! window.FormData ) {
+                var box = '.product';
+                if ( form.classList.contains( 'grouped_form' ) || ! window.fetch || ! window.FormData ) {
                         return; // normal submit → checkout / WooCommerce handles it
                 }
@@ -63 +50 @@
                                         $btn.removeClass( 'added' );
                                 }, 2000 );
-                                var name = $( form ).closest( '.product, .fx-qv' ).find( '.product_title' ).first().text();
+                                var name = $( form ).closest( box ).find( '.product_title' ).first().text();
                                 $( document.body ).trigger( 'wc_fragment_refresh' );
                                 document.body.dispatchEvent( new CustomEvent( 'added_to_cart' ) );
-                                afterAdd( name, $( form ).closest( '.product, .fx-qv' ).find( 'img' ).first().attr( 'src' ) );
+                                afterAdd( name, $( form ).closest( box ).find( 'img' ).first().attr( 'src' ) );
                         } )
                         .catch( function() {

flowix/1.1.2/footer.php

@@ -1 +1 @@
 </main><!-- #main-content -->
 
-<!-- Newsletter section -->
-<?php if ( function_exists( 'flowix_newsletter_default' ) && get_theme_mod( 'flowix_show_newsletter', true ) ) : ?>
-<section class="newsletter-section" id="newsletter" aria-labelledby="newsletter-heading">
-        <div class="container">
-                <span class="eyebrow"><?php esc_html_e( 'Stay in the loop', 'flowix' ); ?></span>
-                <h2 id="newsletter-heading" style="font-size:1.6rem;margin-bottom:6px;"><?php echo esc_html( get_theme_mod( 'flowix_newsletter_heading', flowix_newsletter_default( 'heading' ) ) ); ?></h2>
-                <p class="lead"><?php echo esc_html( get_theme_mod( 'flowix_newsletter_subtext', flowix_newsletter_default( 'subtext' ) ) ); ?></p>
-                <?php if ( isset( $_GET['flowix_subscribed'] ) ) : // phpcs:ignore WordPress.Security.NonceVerification.Recommended -- display only. ?>
-                        <p class="fx-newsletter-thanks" role="status"><?php esc_html_e( "Thanks — you're on the list.", 'flowix' ); ?></p>
-                <?php endif; ?>
-                <form class="newsletter-form" method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
-                        <input type="hidden" name="action" value="flowix_newsletter">
-                        <?php wp_nonce_field( 'flowix_newsletter', 'newsletter_nonce' ); ?>
-                        <label for="newsletter-email" class="screen-reader-text"><?php esc_html_e( 'Email address', 'flowix' ); ?></label>
-                        <input type="email" id="newsletter-email" name="email" placeholder="<?php esc_attr_e( 'your@email.co.za', 'flowix' ); ?>" required>
-                        <button type="submit" class="btn btn--gold"><?php esc_html_e( 'Subscribe', 'flowix' ); ?></button>
-                </form>
-        </div>
-</section>
-<?php endif; ?>
+<?php do_action( 'flowix_before_footer' ); ?>
 
 <?php flowix_render_footer(); ?>
-
-</div><!-- #page -->
 
 <?php wp_footer(); ?>

flowix/1.1.2/functions.php

@@ -5 +5 @@
  *
  * @package Flowix
- * @version 1.0.5
+ * @version 1.1.2
  */
 
@@ -11 +11 @@
 
 // Version constant
-define( 'FLOWIX_VERSION', '1.1.0' );
+define( 'FLOWIX_VERSION', '1.1.2' );
 define( 'FLOWIX_DIR',     get_template_directory() );
 define( 'FLOWIX_URI',     get_template_directory_uri() );
+
+/**
+ * Field type for the builders' longer text (taglines, text items, address).
+ */
+function flowix_multiline_field() {
+        return 'line';
+}
+
+/**
+ * Escape theme-built HTML on output: everything WordPress allows in post content, plus the
+ * inline SVG icons, buttons and form fields the header, footer and shop parts use.
+ *
+ * @param string $html HTML built by the theme.
+ * @return string
+ */
+function flowix_kses( $html ) {
+        static $allowed = null;
+        if ( null === $allowed ) {
+                $allowed = wp_kses_allowed_html( 'post' );
+                $common  = [ 'class' => true, 'id' => true, 'style' => true, 'title' => true, 'role' => true, 'tabindex' => true, 'hidden' => true,
+                        'aria-label' => true, 'aria-hidden' => true, 'aria-expanded' => true, 'aria-controls' => true, 'aria-haspopup' => true,
+                        'aria-current' => true, 'aria-live' => true, 'aria-labelledby' => true, 'aria-describedby' => true, 'data-*' => true ];
+                $svg     = [ 'xmlns' => true, 'width' => true, 'height' => true, 'viewbox' => true, 'fill' => true, 'stroke' => true, 'stroke-width' => true,
+                        'stroke-linecap' => true, 'stroke-linejoin' => true, 'focusable' => true, 'd' => true, 'cx' => true, 'cy' => true, 'r' => true, 'rx' => true,
+                        'ry' => true, 'x' => true, 'y' => true, 'x1' => true, 'y1' => true, 'x2' => true, 'y2' => true, 'points' => true, 'transform' => true,
+                        'opacity' => true, 'fill-rule' => true, 'clip-rule' => true ];
+                foreach ( [ 'svg', 'path', 'circle', 'line', 'polyline', 'polygon', 'rect', 'ellipse', 'g' ] as $tag ) {
+                        $allowed[ $tag ] = $common + $svg;
+                }
+                $allowed['button'] = $common + [ 'type' => true, 'name' => true, 'value' => true, 'disabled' => true ];
+                $allowed['form']   = $common + [ 'action' => true, 'method' => true, 'role' => true ];
+                $allowed['input']  = $common + [ 'type' => true, 'name' => true, 'value' => true, 'placeholder' => true, 'required' => true, 'checked' => true,
+                        'min' => true, 'max' => true, 'step' => true, 'autocomplete' => true ];
+                $allowed['label']  = $common + [ 'for' => true ];
+                $allowed['select'] = $common + [ 'name' => true ];
+                $allowed['option'] = [ 'value' => true, 'selected' => true ];
+                foreach ( $allowed as $tag => $attrs ) {
+                        if ( is_array( $attrs ) ) {
+                                $allowed[ $tag ] += $common;
+                        }
+                }
+        }
+        return wp_kses( (string) $html, $allowed );
+}
 
 /* ================================================================
@@ -132 +176 @@
 add_action( 'wp_enqueue_scripts', 'flowix_enqueue_scripts' );
 
-/* ================================================================
-   CRITICAL CSS — INLINE ABOVE THE FOLD
-   Outputs minimal render-critical styles directly in <head> so the
-   page paints immediately without waiting for the full stylesheet.
+/**
+ * Right-to-left sites (Arabic, Hebrew, Persian…): swap each Flowix stylesheet for its mirrored
+ * "-rtl.css" twin. The twins are made by tools/build.py.
+ */
+function flowix_rtl_styles() {
+        if ( ! is_rtl() ) {
+                return;
+        }
+        foreach ( wp_styles()->registered as $handle => $style ) {
+                if ( 0 !== strpos( $handle, 'flowix-' ) || ! is_string( $style->src ) || 0 !== strpos( $style->src, FLOWIX_URI ) ) {
+                        continue;
+                }
+                $rel = ltrim( substr( strtok( $style->src, '?' ), strlen( FLOWIX_URI ) ), '/' );
+                if ( '.css' === substr( $rel, -4 ) && file_exists( FLOWIX_DIR . '/' . substr( $rel, 0, -4 ) . '-rtl.css' ) ) {
+                        wp_style_add_data( $handle, 'rtl', 'replace' );
+                }
+        }
+}
+add_action( 'wp_enqueue_scripts', 'flowix_rtl_styles', 999 );
+add_action( 'customize_controls_enqueue_scripts', 'flowix_rtl_styles', 999 );
+add_action( 'enqueue_block_editor_assets', 'flowix_rtl_styles', 999 );
+add_action( 'admin_enqueue_scripts', 'flowix_rtl_styles', 999 );
+
+/* ================================================================
+   CRITICAL CSS — the first stylesheet in <head>: page colours and the
+   hidden skip link, so the page paints right before the full stylesheet.
    ================================================================ */
 function flowix_critical_css() {
-        $bc       = flowix_brand()['colors'];
-        $accent   = $bc['accent'];
-        $body_bg  = $bc['background'];
-        $body_text= $bc['text'];
-        echo '<style id="flowix-critical">*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}'
+        $bc  = flowix_brand()['colors'];
+        $css = '*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}'
                 . 'html{font-size:' . absint( get_theme_mod( 'flowix_font_size_base', 16 ) ) . 'px}'
-                . 'body{background:' . esc_attr( $body_bg ) . ';color:' . esc_attr( $body_text ) . ';font-family:system-ui,sans-serif;line-height:1.65}'
-                . '#masthead{background:' . esc_attr( $bc['header'] ) . ';position:relative;z-index:100}'
-                . '.site-title a{color:' . esc_attr( $bc['header_text'] ) . '}'
-                . '.hero{background:' . esc_attr( get_theme_mod( 'flowix_hero_bg_color' ) ?: $bc['hero'] ) . '}'
+                . 'body{background:' . sanitize_hex_color( $bc['background'] ) . ';color:' . sanitize_hex_color( $bc['text'] ) . ';font-family:system-ui,sans-serif;line-height:1.65}'
+                . '#masthead{background:' . sanitize_hex_color( $bc['header'] ) . ';position:relative;z-index:100}'
+                . '.site-title a{color:' . sanitize_hex_color( $bc['header_text'] ) . '}'
+                . '.hero{background:' . sanitize_hex_color( get_theme_mod( 'flowix_hero_bg_color' ) ?: $bc['hero'] ) . '}'
                 . '.skip-link{position:absolute;top:-9999px;left:-9999px}'
-                . '.skip-link:focus{top:0;left:0;z-index:9999;background:' . esc_attr( $accent ) . ';color:#fff;padding:8px 16px}'
-                . '</style>' . "\n";
-}
-add_action( 'wp_head', 'flowix_critical_css', 1 );
-
-/* ================================================================
-   FONT DISPLAY SWAP — ensure fonts don't block rendering
-   ================================================================ */
-function flowix_font_display_swap( $tag, $handle ) {
-        if ( 'flowix-fonts' !== $handle ) return $tag;
-        // Add font-display=swap to the Google Fonts URL if not already present
-        if ( strpos( $tag, 'display=swap' ) === false ) {
-                $tag = str_replace( "rel='stylesheet'", "rel='stylesheet' media='print' onload=\"this.media='all'\"", $tag );
-        }
-        return $tag;
-}
-add_filter( 'style_loader_tag', 'flowix_font_display_swap', 10, 2 );
+                . '.skip-link:focus{top:0;left:0;z-index:9999;background:' . sanitize_hex_color( $bc['accent'] ) . ';color:#fff;padding:8px 16px}';
+        wp_register_style( 'flowix-critical', false, [], FLOWIX_VERSION );
+        wp_enqueue_style( 'flowix-critical' );
+        wp_add_inline_style( 'flowix-critical', $css );
+}
+add_action( 'wp_enqueue_scripts', 'flowix_critical_css', 1 );
+
+/**
+ * Connect to Google Fonts early (the Brand Kit fonts come from there).
+ *
+ * @param array  $urls          URLs to print for resource hints.
+ * @param string $relation_type The relation type the URLs are printed for.
+ * @return array
+ */
+function flowix_resource_hints( $urls, $relation_type ) {
+        if ( 'preconnect' === $relation_type && wp_style_is( 'flowix-fonts', 'queue' ) ) {
+                $urls[] = 'https://fonts.googleapis.com';
+                $urls[] = [
+                        'href' => 'https://fonts.gstatic.com',
+                        'crossorigin',
+                ];
+        }
+        return $urls;
+}
+add_filter( 'wp_resource_hints', 'flowix_resource_hints', 10, 2 );
 
 /* ================================================================
@@ -255 +326 @@
         if ( ! class_exists( 'WooCommerce' ) || ! WC()->cart ) return $fragments;
         $count = WC()->cart->get_cart_contents_count();
-        $fragments['.cart-item-count'] = '<span class="cart-item-count">' . $count . '</span>';
-        $fragments['.mini-cart-count'] = '<span class="mini-cart-count">' . $count . '</span>';
+        $fragments['.cart-item-count'] = '<span class="cart-item-count">' . absint( $count ) . '</span>';
+        $fragments['.mini-cart-count'] = '<span class="mini-cart-count">' . absint( $count ) . '</span>';
         return $fragments;
 }
@@ -265 +336 @@
    ================================================================ */
 function flowix_loop_columns() {
-        return get_theme_mod( 'flowix_shop_columns', 4 );
+        return absint( get_theme_mod( 'flowix_shop_columns', 4 ) );
 }
 add_filter( 'loop_shop_columns', 'flowix_loop_columns' );
@@ -273 +344 @@
    ================================================================ */
 function flowix_products_per_page() {
-        return get_theme_mod( 'flowix_products_per_page', 12 );
+        return absint( get_theme_mod( 'flowix_products_per_page', 12 ) );
 }
 add_filter( 'loop_shop_per_page', 'flowix_products_per_page' );
@@ -386 +457 @@
         $image_id   = $product->get_image_id();
         $image_url  = $image_id
-                ? wp_get_attachment_image_url( $image_id, 'flowix-product-card' )
-                : wc_placeholder_img_src( 'flowix-product-card' );
-        $image_alt  = get_post_meta( $image_id, '_wp_attachment_image_alt', true ) ?: get_the_title( $product->get_id() );
+                ? wp_get_attachment_image_url( $image_id, 'woocommerce_thumbnail' )
+                : wc_placeholder_img_src( 'woocommerce_thumbnail' );
+        $image_alt  = $image_id ? (string) get_post_meta( $image_id, '_wp_attachment_image_alt', true ) : '';
         $price_html = $product->get_price_html();
         $on_sale    = $product->is_on_sale();
-        $is_new     = ( strtotime( $product->get_date_created() ) > strtotime( '-30 days' ) );
+        $is_new     = $product->get_date_created() && $product->get_date_created()->getTimestamp() > time() - 30 * DAY_IN_SECONDS;
         $cats       = get_the_terms( $product->get_id(), 'product_cat' );
         $cat_name   = ( $cats && ! is_wp_error( $cats ) ) ? reset( $cats )->name : '';
@@ -398 +469 @@
         $atc_text = $product->is_type( 'simple' ) ? __( 'Add to Cart', 'flowix' ) : __( 'View Product', 'flowix' );
         ?>
-        <article class="product-card" itemscope itemtype="https://schema.org/Product">
+        <article class="product-card">
                 <div class="product-card-media">
                         <a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>" aria-label="<?php echo esc_attr( $product->get_name() ); ?>">
@@ -404 +475 @@
                                          alt="<?php echo esc_attr( $image_alt ); ?>"
                                          width="480" height="480"
-                                         loading="lazy"
-                                         itemprop="image">
+                                         loading="lazy">
                         </a>
                         <?php
                         if ( function_exists( 'flowix_card_overlay' ) ) {
-                                echo flowix_card_overlay( $product ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built from escaped parts.
+                                echo flowix_kses( flowix_card_overlay( $product ) );
                         } else {
                                 ?>
@@ -425 +495 @@
                                         <?php echo esc_html( $atc_text ); ?>
                                 </a>
-                                <a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>" class="btn btn--sm" style="background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:#fff">
+                                <a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>" class="btn btn--sm btn--ghost-light">
                                         <?php esc_html_e( 'Details', 'flowix' ); ?>
                                 </a>
@@ -432 +502 @@
                 <div class="product-card-body">
                         <?php if ( $cat_name ) : ?>
-                                <span class="product-card-category" itemprop="category"><?php echo esc_html( $cat_name ); ?></span>
+                                <span class="product-card-category"><?php echo esc_html( $cat_name ); ?></span>
                         <?php endif; ?>
-                        <h3 class="product-card-title" itemprop="name">
-                                <a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>" itemprop="url">
+                        <h3 class="product-card-title">
+                                <a href="<?php echo esc_url( get_permalink( $product->get_id() ) ); ?>">
                                         <?php echo esc_html( $product->get_name() ); ?>
                                 </a>
                         </h3>
-                        <div class="product-card-price" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
+                        <div class="product-card-price">
                                 <?php echo wp_kses_post( $price_html ); ?>
-                                <meta itemprop="priceCurrency" content="<?php echo esc_attr( get_woocommerce_currency() ); ?>">
                         </div>
-                        <?php echo function_exists( 'flowix_card_swatches' ) ? flowix_card_swatches( $product ) : ''; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
+                        <?php do_action( 'flowix_product_card_after_price', $product ); ?>
                 </div>
         </article>
@@ -470 +539 @@
 
 /* ================================================================
-   PAGE TEMPLATES
-   ================================================================ */
-function flowix_page_templates( $templates ) {
-        $templates['templates/page-full-width.php']  = __( 'Full Width', 'flowix' );
-        $templates['templates/page-no-header.php']   = __( 'Landing Page (No Header/Footer)', 'flowix' );
-        return $templates;
-}
-add_filter( 'theme_page_templates', 'flowix_page_templates' );
+   SKIP LINK — printed before the admin toolbar (which core adds to
+   wp_body_open at priority 0), so it is always the first thing to tab to.
+   ================================================================ */
+function flowix_skip_link() {
+        echo '<a class="skip-link" href="#main-content">' . esc_html__( 'Skip to content', 'flowix' ) . '</a>';
+}
+add_action( 'wp_body_open', 'flowix_skip_link', -1 );
 
 /* ================================================================
    EXCERPT LENGTH & MORE
    ================================================================ */
-add_filter( 'excerpt_length', fn() => 22 );
-add_filter( 'excerpt_more', fn() => '&hellip;' );
-
-/* ================================================================
-   REMOVE WOOCOMMERCE DEFAULT STYLES (we provide our own)
-   ================================================================ */
-function flowix_dequeue_woo_styles( $enqueue_styles ) {
-        // Keep core WC styles, remove block-based ones we don't need
-        // unset( $enqueue_styles['wc-block-style'] );
-        return $enqueue_styles;
-}
-add_filter( 'woocommerce_enqueue_styles', 'flowix_dequeue_woo_styles' );
-
-require_once FLOWIX_DIR . '/inc/upsell.php';
+add_filter( 'excerpt_length', fn( $length ) => is_admin() ? $length : 22 );
+add_filter( 'excerpt_more', fn( $more ) => is_admin() ? $more : '&hellip;' );
+
 
 /* ================================================================
@@ -509 +566 @@
 require_once FLOWIX_DIR . '/inc/page-options.php';
 require_once FLOWIX_DIR . '/inc/patterns.php';
+require_once FLOWIX_DIR . '/inc/editor-history.php';
 require_once FLOWIX_DIR . '/inc/header-builder.php';
 require_once FLOWIX_DIR . '/inc/footer-builder.php';

flowix/1.1.2/header.php

@@ -5 +5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="theme-color" content="<?php echo esc_attr( flowix_brand()['colors']['header'] ); ?>">
-<?php if ( get_theme_mod( 'flowix_font_heading', '' ) || get_theme_mod( 'flowix_font_body', '' ) ) : ?>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<?php endif; ?>
 <?php wp_head(); ?>
 </head>
 <body <?php body_class(); ?>>
 <?php wp_body_open(); ?>
-
-<a class="skip-link" href="#main-content"><?php esc_html_e( 'Skip to content', 'flowix' ); ?></a>
 
 <!-- Back to top -->
@@ -78 +72 @@
 <nav class="mobile-nav-drawer" id="mobile-nav-drawer" aria-label="<?php esc_attr_e( 'Mobile Navigation', 'flowix' ); ?>">
         <div class="mobile-nav-header">
-                <span class="site-title" style="color:var(--cream);font-size:1.2rem;">
+                <span class="site-title">
                         <?php bloginfo( 'name' ); ?>
                 </span>
@@ -96 +90 @@
         ?>
         <?php if ( class_exists( 'WooCommerce' ) ) : ?>
-                <div style="padding:20px 24px;border-top:1px solid rgba(155,123,58,0.2);margin-top:auto;">
-                        <a href="<?php echo esc_url( wc_get_cart_url() ); ?>" class="btn btn--gold" style="width:100%;text-align:center;display:block;">
+                <div class="mobile-nav-footer">
+                        <a href="<?php echo esc_url( wc_get_cart_url() ); ?>" class="btn btn--gold btn--block">
                                 <?php esc_html_e( 'View Cart', 'flowix' ); ?>
                         </a>
@@ -108 +102 @@
 <!-- Breadcrumbs (non-homepage) -->
 <?php if ( ! is_front_page() && ! is_home() ) : ?>
-        <div class="breadcrumbs-bar" aria-label="<?php esc_attr_e( 'Breadcrumb', 'flowix' ); ?>">
+        <div class="breadcrumbs-bar">
                 <div class="container">
                         <?php
@@ -114 +108 @@
                                 woocommerce_breadcrumb( [
                                         'delimiter'   => '&nbsp;/&nbsp;',
-                                        'wrap_before' => '<nav class="woocommerce-breadcrumb" aria-label="Breadcrumb">',
+                                        'wrap_before' => '<nav class="woocommerce-breadcrumb" aria-label="' . esc_attr__( 'Breadcrumb', 'flowix' ) . '">',
                                         'wrap_after'  => '</nav>',
                                 ] );
                         } else {
-                                echo '<nav aria-label="Breadcrumb">';
-                                echo '<a href="' . esc_url( home_url() ) . '">' . esc_html__( 'Home', 'flowix' ) . '</a>';
-                                echo ' / <span>' . esc_html( get_the_title() ) . '</span>';
+                                if ( is_search() ) {
+                                        /* translators: %s: search query */
+                                        $flowix_crumb = sprintf( __( 'Search results for "%s"', 'flowix' ), get_search_query( false ) );
+                                } elseif ( is_404() ) {
+                                        $flowix_crumb = __( 'Page not found', 'flowix' );
+                                } elseif ( is_archive() ) {
+                                        $flowix_crumb = wp_strip_all_tags( get_the_archive_title() );
+                                } else {
+                                        $flowix_crumb = get_the_title();
+                                }
+                                echo '<nav aria-label="' . esc_attr__( 'Breadcrumb', 'flowix' ) . '">';
+                                echo '<a href="' . esc_url( home_url( '/' ) ) . '">' . esc_html__( 'Home', 'flowix' ) . '</a>';
+                                echo ' / <span>' . esc_html( $flowix_crumb ) . '</span>';
                                 echo '</nav>';
                         }

flowix/1.1.2/inc/brand-kit.php

@@ -72 +72 @@
 function flowix_brand() {
         static $cache = [];
-        $ctx = function_exists( 'flowix_context_look_key' ) ? flowix_context_look_key() : '';
+        $ctx = '';
         $ctx = $ctx && ! did_action( 'flowix_look_ready' ) ? '' : $ctx;
         if ( ! isset( $cache[ $ctx ] ) || is_customize_preview() ) {
@@ -291 +291 @@
                 '--btn-ink'      => $p['text'],
                 '--btn-ink-text' => $p['bg'],
-                // Older light background tokens still used by a few sections (countdown, call-to-action, newsletter…).
+                // Older light background tokens still used by a few sections.
                 '--linen'        => $p['surface'],
                 '--parchment'    => $p['surface'],
@@ -334 +334 @@
         }
         $float = ( 'toggle' === $mode && $dark['float'] ) ? 'true' : 'false';
-        echo '<script id="flowix-dark-init">(function(){var m=' . wp_json_encode( $mode ) . ',d=document.documentElement,s=null;if(' . esc_js( $float ) . ')d.classList.add("fx-float-on");try{s=localStorage.getItem("flowix-theme")}catch(e){}var sys=window.matchMedia&&matchMedia("(prefers-color-scheme: dark)").matches;var on=m==="always"||(m==="auto"&&sys)||(m==="toggle"&&(s?s==="dark":sys));if(on)d.classList.add("fx-dark");d.setAttribute("data-flowix-dark",m);})();</script>' . "\n";
+        wp_print_inline_script_tag(
+                '(function(){var m=' . wp_json_encode( $mode ) . ',d=document.documentElement,s=null;if(' . $float . ')d.classList.add("fx-float-on");try{s=localStorage.getItem("flowix-theme")}catch(e){}var sys=window.matchMedia&&matchMedia("(prefers-color-scheme: dark)").matches;var on=m==="always"||(m==="auto"&&sys)||(m==="toggle"&&(s?s==="dark":sys));if(on)d.classList.add("fx-dark");d.setAttribute("data-flowix-dark",m);})();',
+                [ 'id' => 'flowix-dark-init' ]
+        );
 }
 add_action( 'wp_head', 'flowix_dark_head_script', 1 );
@@ -342 +345 @@
         $d = flowix_brand()['dark'];
         if ( ( 'toggle' === $d['mode'] && $d['float'] ) || is_customize_preview() ) {
-                echo '<button type="button" class="fx-dark-toggle fx-dark-float" data-flowix-dark-toggle aria-label="' . esc_attr__( 'Switch between light and dark mode', 'flowix' ) . '">' . flowix_inline_icon( 'moon', 18 ) . flowix_inline_icon( 'sun', 18 ) . '</button>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+                echo flowix_kses( '<button type="button" class="fx-dark-toggle fx-dark-float" data-flowix-dark-toggle aria-label="' . esc_attr__( 'Switch between light and dark mode', 'flowix' ) . '">' . flowix_inline_icon( 'moon', 18 ) . flowix_inline_icon( 'sun', 18 ) . '</button>' );
         }
 } );
@@ -351 +354 @@
 }
 
-/** Printed after the old global colour CSS (and before element styles) so the brand wins. */
-add_action( 'wp_head', function() {
-        echo '<style id="flowix-brand">' . flowix_brand_css( flowix_brand() ) . "</style>\n"; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built from sanitized values.
-}, 998 );
+/** Added after the other theme stylesheets (and before the element styles) so the brand wins. */
+function flowix_enqueue_brand_css() {
+        wp_register_style( 'flowix-brand', false, [], FLOWIX_VERSION );
+        wp_enqueue_style( 'flowix-brand' );
+        wp_add_inline_style( 'flowix-brand', wp_strip_all_tags( flowix_brand_css( flowix_brand() ) ) );
+}
+add_action( 'wp_enqueue_scripts', 'flowix_enqueue_brand_css', 1000 );
 
 /* ================================================================

flowix/1.1.2/inc/customizer-output.php

@@ -168 +168 @@
                 [ 'flowix_cats',  '#categories-section',   'var(--bg-page, var(--cream))', 60, 60 ],
                 [ 'flowix_feat',  '#featured-section',     'var(--bg-warm, var(--cream-warm))', 60, 60 ],
-                [ 'flowix_testi', '#testimonials-section', 'var(--bg-page, var(--cream))', 60, 60 ],
-                [ 'flowix_vendor','.vendor-cta',           'var(--ink)', 80, 80 ],
-                [ 'flowix_news',  '.newsletter-section',   'var(--hr-bg)', 56, 56 ],
                 [ 'flowix_footer_sec', '#colophon',        'var(--ft-bg)', 60, 40 ],
         ];

flowix/1.1.2/inc/customizer.php

@@ -11 +11 @@
    HELPER: PER-SECTION BACKGROUND CONTROLS
    ================================================================ */
+/**
+ * Select / radio settings: keep the value only if it is one of the control's choices.
+ *
+ * @param mixed                $value   Submitted value.
+ * @param WP_Customize_Setting $setting The setting.
+ */
+function flowix_sanitize_choice( $value, $setting ) {
+        $control = $setting->manager->get_control( $setting->id );
+        $choices = $control ? (array) $control->choices : [];
+        return array_key_exists( (string) $value, $choices ) || array_key_exists( (int) $value, $choices ) ? $value : $setting->default;
+}
+
 function flowix_register_bg_controls( $wp_customize, $section_id, $prefix, $default_color = '#FAF7F2', $default_pt = 60, $default_pb = 60 ) {
 
@@ -71 +83 @@
 
         $add_select = function( $id, $section, $label, $default, $choices, $transport = 'postMessage' ) use ( $wp_customize ) {
-                $wp_customize->add_setting( $id, [ 'default' => $default, 'sanitize_callback' => 'sanitize_text_field', 'transport' => $transport ] );
+                $wp_customize->add_setting( $id, [ 'default' => $default, 'sanitize_callback' => 'flowix_sanitize_choice', 'transport' => $transport ] );
                 $wp_customize->add_control( $id, [ 'section' => $section, 'label' => $label, 'type' => 'select', 'choices' => $choices ] );
         };
@@ -133 +145 @@
         $wp_customize->add_control( 'flowix_featured_count', [ 'section' => 'flowix_featured', 'label' => __( 'Number of Products', 'flowix' ), 'type' => 'number', 'input_attrs' => [ 'min' => 2, 'max' => 16, 'step' => 2 ] ] );
 
-        /* ══════════════════════════════════════════════════════
-           TESTIMONIALS
-        ══════════════════════════════════════════════════════ */
-        $wp_customize->add_section( 'flowix_testimonials', [ 'panel' => 'flowix_panel', 'title' => __( 'Testimonials', 'flowix' ), 'priority' => 80 ] );
-        $add_text( 'flowix_testimonials_eyebrow', 'flowix_testimonials', __( 'Eyebrow Text', 'flowix' ), __( 'Happy Customers', 'flowix' ) );
-        $add_text( 'flowix_testimonials_heading', 'flowix_testimonials', __( 'Heading', 'flowix' ),      __( 'What People Say', 'flowix' ) );
-        $t = [ 1 => [ 'Incredible quality and such fast delivery!', 'Thandi M.', 'Johannesburg' ], 2 => [ 'Finally a SA marketplace that actually works.', 'Ruan B.', 'Cape Town' ], 3 => [ "I found products I could never find elsewhere.", 'Priya N.', 'Durban' ] ];
-        for ( $i = 1; $i <= 3; $i++ ) {
-                /* translators: %d: review number */
-                $add_text( "flowix_t{$i}_quote", 'flowix_testimonials', sprintf( __( 'Review %d — Quote', 'flowix' ), $i ), $t[$i][0], 'textarea' );
-                /* translators: %d: review number */
-                $add_text( "flowix_t{$i}_name",  'flowix_testimonials', sprintf( __( 'Review %d — Name', 'flowix' ), $i ),  $t[$i][1] );
-                /* translators: %d: review number */
-                $add_text( "flowix_t{$i}_loc",   'flowix_testimonials', sprintf( __( 'Review %d — Location', 'flowix' ), $i ), $t[$i][2] );
-        }
-        flowix_register_bg_controls( $wp_customize, 'flowix_testimonials', 'flowix_testi', '', 60, 60 );
 
-        /* ══════════════════════════════════════════════════════
-           VENDOR CTA
-        ══════════════════════════════════════════════════════ */
-        $wp_customize->add_section( 'flowix_vendor_cta', [ 'panel' => 'flowix_panel', 'title' => __( 'Vendor CTA Section', 'flowix' ), 'priority' => 90 ] );
-        $add_text( 'flowix_vendor_eyebrow',   'flowix_vendor_cta', __( 'Eyebrow Text', 'flowix' ),       __( 'Grow Your Business', 'flowix' ) );
-        $add_text( 'flowix_vendor_heading',   'flowix_vendor_cta', __( 'Heading', 'flowix' ),            __( 'Sell on Flowix', 'flowix' ) );
-        $add_text( 'flowix_vendor_paragraph', 'flowix_vendor_cta', __( 'Paragraph', 'flowix' ),          __( 'Join our growing marketplace. List your products and reach thousands of shoppers.', 'flowix' ), 'textarea' );
-        $add_text( 'flowix_vendor_btn1_text', 'flowix_vendor_cta', __( 'Button 1 Label', 'flowix' ),     __( 'Start Selling', 'flowix' ) );
-        $add_text( 'flowix_vendor_btn1_url',  'flowix_vendor_cta', __( 'Button 1 URL', 'flowix' ),       home_url( '/become-a-vendor' ), 'url', 'refresh' );
-        $add_text( 'flowix_vendor_btn2_text', 'flowix_vendor_cta', __( 'Button 2 Label', 'flowix' ),     __( 'Learn More', 'flowix' ) );
-        $add_text( 'flowix_vendor_btn2_url',  'flowix_vendor_cta', __( 'Button 2 URL', 'flowix' ),       home_url( '/about' ), 'url', 'refresh' );
-        flowix_register_bg_controls( $wp_customize, 'flowix_vendor_cta', 'flowix_vendor', '', 80, 80 );
-
-        /* ══════════════════════════════════════════════════════
-           NEWSLETTER
-        ══════════════════════════════════════════════════════ */
 
         /* ══════════════════════════════════════════════════════
@@ -171 +151 @@
         ══════════════════════════════════════════════════════ */
         $wp_customize->add_section( 'flowix_shop', [ 'active_callback' => 'flowix_has_shop', 'panel' => 'flowix_panel', 'title' => __( 'Shop Settings', 'flowix' ), 'priority' => 100 ] );
-        $wp_customize->add_setting( 'flowix_shop_columns',      [ 'default' => 4,  'sanitize_callback' => 'absint', 'transport' => 'refresh' ] );
+        $wp_customize->add_setting( 'flowix_shop_columns',      [ 'default' => 4,  'sanitize_callback' => 'flowix_sanitize_choice', 'transport' => 'refresh' ] );
         $wp_customize->add_control( 'flowix_shop_columns',      [ 'section' => 'flowix_shop', 'label' => __( 'Product Columns', 'flowix' ), 'type' => 'select', 'choices' => [ 2=>'2', 3=>'3', 4=>'4', 5=>'5' ] ] );
         $wp_customize->add_setting( 'flowix_products_per_page', [ 'default' => 12, 'sanitize_callback' => 'absint', 'transport' => 'refresh' ] );
@@ -181 +161 @@
         ══════════════════════════════════════════════════════ */
         $wp_customize->add_section( 'flowix_footer', [ 'panel' => 'flowix_panel', 'title' => __( 'Footer', 'flowix' ), 'priority' => 110 ] );
-        $add_text( 'flowix_footer_tagline',   'flowix_footer', __( 'Brand Tagline', 'flowix' ),  flowix_footer_tagline_default(), 'textarea' );
-        $add_text( 'flowix_footer_copyright', 'flowix_footer', __( 'Copyright Text', 'flowix' ), gmdate( 'Y' ) . ' Flowix. All rights reserved.' );
+        // The tagline and copyright line are set on their items in Flowix — Layout Builder → Footer Builder.
         $add_text( 'flowix_social_facebook',  'flowix_footer', __( 'Facebook URL', 'flowix' ),    '', 'url', 'refresh' );
         $add_text( 'flowix_social_instagram', 'flowix_footer', __( 'Instagram URL', 'flowix' ),   '', 'url', 'refresh' );

flowix/1.1.2/inc/design-gallery.php

@@ -66 +66 @@
 
 function flowix_look_default_home() {
-        return [ 'hero', 'trust', 'categories', 'featured', 'testimonials', 'vendor' ];
+        return wp_list_pluck( flowix_home_sections_default(), 'type' );
 }
 
@@ -101 +101 @@
                         ],
                         'home'   => [ 'hero', 'b_stats', 'featured', 'categories', 'text_image', 'testimonials' ],
-                        'footer' => [ 'main' => [ 'grid' => '1fr 1fr 1fr 1fr', 'cols' => [ [ 'brand' ], [ 'links_shop' ], [ 'links_info' ], [ 'newsletter' ] ] ], 'bottom' => [ 'l' => [ 'copyright' ], 'c' => [], 'r' => [ 'backtotop' ] ] ],
+                        'footer' => [ 'main' => [ 'grid' => '1fr 1fr 1fr 1fr', 'cols' => [ [ 'brand' ], [ 'links_shop' ], [ 'links_info' ], [ flowix_footer_signup_item() ] ] ], 'bottom' => [ 'l' => [ 'copyright' ], 'c' => [], 'r' => [ 'backtotop' ] ] ],
                         'elements' => flowix_look_base( 0, 0, [
                                 'hero'          => [ 'bg' => $tok( 'hero' ), 'tex' => 'graph', 'texc' => '#111111', 'texo' => 7, 'texs' => 40, 'bw' => [ 't' => 0, 'r' => 0, 'b' => 2, 'l' => 0, 'u' => 'px' ], 'bs' => 'solid', 'bc' => '#111111' ],
@@ -176 +176 @@
 
 
-/* The gallery's looks for the Customizer scripts (Premium adds saved looks on top). */
+/* The gallery's looks for the Customizer scripts. */
 add_filter( 'flowix_element_js_data', function( $data ) {
         if ( ! isset( $data['looks'] ) ) {

flowix/1.1.2/inc/element-registry.php

@@ -210 +210 @@
                                 'feat_section' => [ __( 'Featured Section', 'flowix' ), '#featured-section', $b ],
                                 'feat_heading' => [ __( 'Featured Heading', 'flowix' ), '#featured-heading', $tb ],
-                        ],
-                ],
-                'testimonials' => [
-                        'title'    => __( 'Homepage — Testimonials', 'flowix' ),
-                        'elements' => [
-                                'testi_section' => [ __( 'Testimonials Section', 'flowix' ), '#testimonials-section', $b ],
-                                'testi_grid'    => [ __( 'Testimonials Grid', 'flowix' ), '.testimonials-grid', $b ],
-                                'testi_card'    => [ __( 'Testimonial Card', 'flowix' ), '.testimonial-card', $b ],
-                                'testi_stars'   => [ __( 'Stars', 'flowix' ), '.testimonial-stars', $tb ],
-                                'testi_quote'   => [ __( 'Quote Text', 'flowix' ), '.testimonial-quote', $tb ],
-                                'testi_avatar'  => [ __( 'Avatar Circle', 'flowix' ), '.testimonial-avatar', $tb ],
-                                'testi_name'    => [ __( 'Customer Name', 'flowix' ), '.testimonial-name', $tb ],
-                                'testi_meta'    => [ __( 'Customer Location', 'flowix' ), '.testimonial-meta', $tb ],
-                        ],
-                ],
-                'vendor' => [
-                        'title'    => __( 'Homepage — Vendor Call-to-Action', 'flowix' ),
-                        'elements' => [
-                                'vendor_section' => [ __( 'Vendor Section', 'flowix' ), '.vendor-cta', $b ],
-                                'vendor_inner'   => [ __( 'Vendor Content Box', 'flowix' ), '.vendor-cta-inner', $b ],
-                                'vendor_eyebrow' => [ __( 'Vendor Eyebrow', 'flowix' ), '.vendor-cta .eyebrow', $tb ],
-                                'vendor_heading' => [ __( 'Vendor Heading', 'flowix' ), '.vendor-cta h2', $tb ],
-                                'vendor_text'    => [ __( 'Vendor Paragraph', 'flowix' ), '.vendor-cta p', $tb ],
-                                'vendor_btn1'    => [ __( 'Vendor Button 1', 'flowix' ), '.vendor-cta-actions .btn:nth-child(1)', $tb ],
-                                'vendor_btn2'    => [ __( 'Vendor Button 2', 'flowix' ), '.vendor-cta-actions .btn:nth-child(2)', $tb ],
-                        ],
-                ],
-                'newsletter' => [
-                        'title'    => __( 'Newsletter Signup', 'flowix' ),
-                        'elements' => [
-                                'news_section' => [ __( 'Newsletter Section', 'flowix' ), '.newsletter-section', $b ],
-                                'news_eyebrow' => [ __( 'Newsletter Eyebrow', 'flowix' ), '.newsletter-section .eyebrow', $tb ],
-                                'news_heading' => [ __( 'Newsletter Heading', 'flowix' ), '#newsletter-heading', $tb ],
-                                'news_text'    => [ __( 'Newsletter Text', 'flowix' ), '.newsletter-section .lead', $tb ],
-                                'news_form'    => [ __( 'Signup Form', 'flowix' ), '.newsletter-form', $b ],
-                                'news_input'   => [ __( 'Email Box', 'flowix' ), '.newsletter-form input[type="email"]', $tb ],
-                                'news_btn'     => [ __( 'Subscribe Button', 'flowix' ), '.newsletter-form .btn', $tb ],
                         ],
                 ],

flowix/1.1.2/inc/element-styles.php

@@ -231 +231 @@
         static $icons = null;
         if ( null === $icons ) {
-                $data  = json_decode( (string) file_get_contents( FLOWIX_DIR . '/assets/icons/lucide.json' ), true ); // phpcs:ignore WordPress.WP.AlternativeFunctions.file_get_contents_file_get_contents -- local theme file.
+                $data  = wp_json_file_decode( FLOWIX_DIR . '/assets/icons/lucide.json', [ 'associative' => true ] );
                 $icons = $data['icons'] ?? [];
         }
@@ -278 +278 @@
 /** System fonts that need no download. */
 function flowix_system_fonts() {
-        return [
+        $fonts = [
                 'System UI'       => 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif',
                 'Arial'           => 'Arial, Helvetica, sans-serif',
@@ -288 +288 @@
                 'Times New Roman' => '"Times New Roman", Times, serif',
                 'Courier New'     => '"Courier New", Courier, monospace',
-        ] + ( function_exists( 'flowix_custom_font_stacks' ) ? flowix_custom_font_stacks() : [] );
+        ];
+        return $fonts;
 }
 
@@ -724 +725 @@
 
 /**
- * Print element CSS after all other theme styles so it always wins, plus the motion list.
- * In the Customizer preview each element gets its own <style> tag so live edits can replace it.
- */
-function flowix_print_element_css() {
+ * The element CSS for this page view.
+ * In the Customizer preview each element keeps its own CSS so live edits can replace it.
+ */
+function flowix_page_element_css_data() {
+        static $memo = null;
+        if ( null !== $memo ) {
+                return $memo;
+        }
         if ( is_customize_preview() ) {
-                flowix_print_element_css_build();
-                return;
-        }
-        // Built output is cached until any design setting (or the page's own look) changes.
-        $key    = 'flowix_css_' . flowix_css_fingerprint();
-        $cached = get_transient( $key );
-        if ( false === $cached ) {
-                ob_start();
-                flowix_print_element_css_build();
-                $cached = ob_get_clean();
-                set_transient( $key, $cached, WEEK_IN_SECONDS );
-        }
-        echo $cached; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built from sanitized values.
-}
-
-/** Everything the element CSS depends on. */
-function flowix_css_fingerprint() {
-        $mods = [];
-        foreach ( (array) get_theme_mods() as $k => $v ) {
-                if ( 0 === strpos( (string) $k, 'flowix_' ) ) {
-                        $mods[ $k ] = $v;
-                }
-        }
-        return md5( wp_json_encode( [
-                $mods,
-                function_exists( 'flowix_context_look_key' ) ? flowix_context_look_key() : '',
-                get_option( 'flowix_saved_styles' ),
-                get_bloginfo( 'name' ),
-                FLOWIX_VERSION,
-                filemtime( __FILE__ ),
-                filemtime( FLOWIX_DIR . '/inc/design-gallery.php' ),
-        ] ) );
-}
-
-
-function flowix_print_element_css_build() {
-        $preview = is_customize_preview();
-        $css     = '';
-        $motion  = [];
+                $memo = flowix_element_css_data( true );
+                return $memo;
+        }
+        $memo = flowix_element_css_data( false );
+        return $memo;
+}
+
+
+/**
+ * The element CSS (and motion / site effect settings) as plain data, so it can be cached and
+ * then escaped as it is printed.
+ *
+ * @param bool $per_element Keep each element's CSS separate (Customizer preview).
+ */
+function flowix_element_css_data( $per_element ) {
+        $data = [ 'css' => '', 'blocks' => [], 'motion' => [], 'site_css' => '', 'site_cfg' => [] ];
         foreach ( flowix_styled_elements() as $id => $el ) {
                 $block = flowix_build_element_css( $el['sel'], $el['style'] );
-                if ( $preview ) {
-                        echo '<style id="flowix-el-' . esc_attr( $id ) . '">' . $block . "</style>\n"; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built from sanitized values.
+                if ( $per_element ) {
+                        $data['blocks'][ $id ] = $block;
                 } else {
-                        $css .= $block;
-                }
-        }
-        if ( $css ) {
-                echo '<style id="flowix-element-styles">' . $css . "</style>\n"; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- built from sanitized values.
-        }
-}
-add_action( 'wp_head', 'flowix_print_element_css', 999 );
+                        $data['css'] .= $block;
+                }
+        }
+        return $data;
+}
+
+/**
+ * Element CSS goes in last, after every other theme stylesheet (and the Brand Kit), so it always wins.
+ * In the Customizer preview each element gets its own stylesheet handle ("flowix-el-{id}"), which the
+ * preview script rewrites while you edit.
+ */
+function flowix_enqueue_element_css() {
+        $data = flowix_page_element_css_data();
+        foreach ( (array) ( $data['blocks'] ?? [] ) as $id => $block ) {
+                $handle = 'flowix-el-' . sanitize_key( $id );
+                wp_register_style( $handle, false, [ 'flowix-brand' ], FLOWIX_VERSION );
+                wp_enqueue_style( $handle );
+                wp_add_inline_style( $handle, wp_strip_all_tags( (string) $block ) );
+        }
+        if ( ! empty( $data['css'] ) ) {
+                wp_register_style( 'flowix-element-styles', false, [ 'flowix-brand' ], FLOWIX_VERSION );
+                wp_enqueue_style( 'flowix-element-styles' );
+                wp_add_inline_style( 'flowix-element-styles', wp_strip_all_tags( (string) $data['css'] ) );
+        }
+}
+add_action( 'wp_enqueue_scripts', 'flowix_enqueue_element_css', 1001 );
+
 
 
@@ -797 +798 @@
                 wp_send_json_error( null, 403 );
         }
-        $items = json_decode( wp_unslash( $_POST['items'] ?? '{}' ), true ); // phpcs:ignore WordPress.Security.ValidatedSanitizedInput.InputNotSanitized -- each value sanitized below.
+        // JSON of element styles; every value is cleaned again by flowix_clean_style() / flowix_brand_clean() below.
+        $items = json_decode( isset( $_POST['items'] ) ? sanitize_textarea_field( wp_unslash( $_POST['items'] ) ) : '{}', true );
         $flat  = flowix_registry_flat();
         $out   = [];
@@ -1009 +1011 @@
                         'everyOdd'    => __( 'Every other one (1st, 3rd, 5th…)', 'flowix' ),
                         'everyEven'   => __( 'Every other one (2nd, 4th, 6th…)', 'flowix' ),
+                        'transparent' => __( 'transparent', 'flowix' ),
+                        // Sample words on the Design Gallery look thumbnails.
+                        'lookShop'    => __( 'Shop', 'flowix' ),
+                        'lookTagline' => __( 'Live better.', 'flowix' ),
+                        'lookButton'  => __( 'Shop now', 'flowix' ),
                 ],
         ] );

flowix/1.1.2/inc/footer-builder.php

@@ -18 +18 @@
         $title = [ 'title' => [ 'text', __( 'Heading', 'flowix' ) ] ];
         return [
-                'brand'        => [ 'label' => __( 'Logo + Tagline', 'flowix' ), 'icon' => 'image', 'fields' => [ 'tag' => [ 'textarea', __( 'Tagline', 'flowix' ) ] ] ],
+                'brand'        => [ 'label' => __( 'Logo + Tagline', 'flowix' ), 'icon' => 'image', 'fields' => [ 'tag' => [ flowix_multiline_field(), __( 'Tagline', 'flowix' ) ] ] ],
                 'social'       => [ 'label' => __( 'Social Icons', 'flowix' ), 'icon' => 'share-2', 'fields' => $title ],
                 'links_shop'   => [ 'label' => __( 'Shop Links (auto)', 'flowix' ), 'icon' => 'store', 'fields' => $title + [ 'n' => [ 'select', __( 'Categories to list', 'flowix' ), [ '3' => '3', '5' => '5', '8' => '8', '12' => '12' ] ] ] ],
@@ -30 +30 @@
                 'widgets3'     => [ 'label' => __( 'Widget Area: Footer — Account', 'flowix' ), 'icon' => 'layout-grid' ],
                 'widgets4'     => [ 'label' => __( 'Widget Area: Footer — Info', 'flowix' ), 'icon' => 'layout-grid' ],
-                'contact'      => [ 'label' => __( 'Contact Details', 'flowix' ), 'icon' => 'map-pin', 'fields' => $title + [ 'addr' => [ 'textarea', __( 'Address', 'flowix' ) ], 'phone' => [ 'text', __( 'Phone', 'flowix' ) ], 'email' => [ 'text', __( 'Email', 'flowix' ) ], 'hours' => [ 'text', __( 'Opening hours', 'flowix' ) ] ] ],
+                'contact'      => [ 'label' => __( 'Contact Details', 'flowix' ), 'icon' => 'map-pin', 'fields' => $title + [ 'addr' => [ flowix_multiline_field(), __( 'Address', 'flowix' ) ], 'phone' => [ 'text', __( 'Phone', 'flowix' ) ], 'email' => [ 'text', __( 'Email', 'flowix' ) ], 'hours' => [ 'text', __( 'Opening hours', 'flowix' ) ] ] ],
                 'payments'     => [ 'label' => __( 'Payment Badges', 'flowix' ), 'icon' => 'credit-card', 'fields' => [ 'list' => [ 'text', __( 'Badges (comma separated)', 'flowix' ) ] ] ],
                 'copyright'    => [ 'label' => __( 'Copyright', 'flowix' ), 'icon' => 'copyright', 'fields' => [ 'text' => [ 'text', __( 'Text — {year} and {site} are filled in for you', 'flowix' ) ] ] ],
-                'text1'        => [ 'label' => __( 'Text / HTML 1', 'flowix' ), 'icon' => 'type', 'fields' => $title + [ 'html' => [ 'textarea', __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
-                'text2'        => [ 'label' => __( 'Text / HTML 2', 'flowix' ), 'icon' => 'type', 'fields' => $title + [ 'html' => [ 'textarea', __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
+                'text1'        => [ 'label' => __( 'Text / HTML 1', 'flowix' ), 'icon' => 'type', 'fields' => $title + [ 'html' => [ flowix_multiline_field(), __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
+                'text2'        => [ 'label' => __( 'Text / HTML 2', 'flowix' ), 'icon' => 'type', 'fields' => $title + [ 'html' => [ flowix_multiline_field(), __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
                 'button'       => [ 'label' => __( 'Button', 'flowix' ), 'icon' => 'mouse-pointer-click', 'fields' => [ 't' => [ 'text', __( 'Label', 'flowix' ) ], 'u' => [ 'url', __( 'Link', 'flowix' ) ] ] ],
                 'backtotop'    => [ 'label' => __( 'Back to Top Link', 'flowix' ), 'icon' => 'arrow-up' ],
@@ -61 +61 @@
 }
 
+/** Class for a column layout preset: "1.4fr 1fr" → "fx-fgrid--1p4fr-1fr" (rules in header-builder.css). */
+function flowix_footer_grid_class( $grid ) {
+        return 'fx-fgrid--' . str_replace( [ '.', ' ' ], [ 'p', '-' ], $grid );
+}
+
 /** Footer tagline before the owner writes their own: shop wording with WooCommerce, else the site tagline. */
 function flowix_footer_tagline_default() {
         return class_exists( 'WooCommerce' ) ? __( 'Your South African marketplace for quality goods, delivered to your door.', 'flowix' ) : get_bloginfo( 'description' );
+}
+
+/** Footer item the design gallery looks put in their sign-up column. */
+function flowix_footer_signup_item() {
+        return 'contact';
 }
 
@@ -81 +91 @@
                         'links_account' => [ 'title' => __( 'My Account', 'flowix' ) ],
                         'links_info'    => [ 'title' => __( 'Information', 'flowix' ) ],
-                        'newsletter'    => [ 'title' => __( 'Stay in the loop', 'flowix' ), 'text' => $shop ? __( 'New arrivals and deals, straight to your inbox.', 'flowix' ) : __( 'New posts and news, straight to your inbox.', 'flowix' ) ],
                         'contact'       => [ 'title' => __( 'Get in touch', 'flowix' ) ],
                         'payments'      => [ 'list' => 'PayFast, Visa, Mastercard, EFT' ],
@@ -127 +136 @@
                         'grid'  => $grid,
                         'cols'  => $cols,
-                        'mcols' => in_array( (string) ( $m['mcols'] ?? '2' ), [ '1', '2' ], true ) ? (string) $m['mcols'] : '2',
+                        'mcols' => '1' === (string) ( $m['mcols'] ?? '2' ) ? '1' : '2',
                 ],
         ];
@@ -146 +155 @@
                                         break;
                                 case 'textarea':
+                                case 'line':
                                         $v = wp_kses( (string) $v, [ 'a' => [ 'href' => true, 'target' => true, 'rel' => true ], 'strong' => [], 'b' => [], 'em' => [], 'i' => [], 'br' => [], 'span' => [ 'class' => true ] ] );
                                         break;
@@ -309 +319 @@
 function flowix_render_footer() {
         $cfg = flowix_footer_config();
-        echo '<footer id="colophon" class="fx-footer" role="contentinfo" itemscope itemtype="https://schema.org/WPFooter">';
+        echo '<footer id="colophon" class="fx-footer" role="contentinfo">';
 
         if ( $cfg['main']['on'] ) {
@@ -320 +330 @@
                         $cols .= '<div class="footer-col fx-fcol fx-fcol--' . ( $i + 1 ) . '">' . $html . '</div>';
                 }
-                echo '<div class="footer-main fx-fmain fx-fmain--m' . esc_attr( $cfg['main']['mcols'] ) . '" style="--fx-fgrid: ' . esc_attr( $cfg['main']['grid'] ) . '">' . $cols . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- items escape their own output.
+                echo flowix_kses( '<div class="footer-main fx-fmain fx-fmain--m' . esc_attr( $cfg['main']['mcols'] ) . ' ' . esc_attr( flowix_footer_grid_class( $cfg['main']['grid'] ) ) . '">' . $cols . '</div>' );
         }
 
@@ -336 +346 @@
                 }
                 if ( $any ) {
-                        echo '<div class="footer-bottom fx-fbottom">' . $zones . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- items escape their own output.
+                        echo flowix_kses( '<div class="footer-bottom fx-fbottom">' . $zones . '</div>' );
                 }
         }

flowix/1.1.2/inc/header-builder.php

@@ -36 +36 @@
                 'button'         => [ 'label' => __( 'Button 1', 'flowix' ), 'icon' => 'mouse-pointer-click', 'fields' => [ 't' => [ 'text', __( 'Label', 'flowix' ) ], 'u' => [ 'url', __( 'Link', 'flowix' ) ], 's' => [ 'select', __( 'Style', 'flowix' ), [ 'gold' => __( 'Accent', 'flowix' ), 'primary' => __( 'Dark', 'flowix' ), 'ghost' => __( 'Outline', 'flowix' ) ] ], 'n' => [ 'check', __( 'Open in a new tab', 'flowix' ) ] ] ],
                 'button2'        => [ 'label' => __( 'Button 2', 'flowix' ), 'icon' => 'mouse-pointer-click', 'fields' => [ 't' => [ 'text', __( 'Label', 'flowix' ) ], 'u' => [ 'url', __( 'Link', 'flowix' ) ], 's' => [ 'select', __( 'Style', 'flowix' ), [ 'gold' => __( 'Accent', 'flowix' ), 'primary' => __( 'Dark', 'flowix' ), 'ghost' => __( 'Outline', 'flowix' ) ] ], 'n' => [ 'check', __( 'Open in a new tab', 'flowix' ) ] ] ],
-                'text'           => [ 'label' => __( 'Text / HTML 1', 'flowix' ), 'icon' => 'type', 'fields' => [ 'h' => [ 'textarea', __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
-                'text2'          => [ 'label' => __( 'Text / HTML 2', 'flowix' ), 'icon' => 'type', 'fields' => [ 'h' => [ 'textarea', __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
+                'text'           => [ 'label' => __( 'Text / HTML 1', 'flowix' ), 'icon' => 'type', 'fields' => [ 'h' => [ flowix_multiline_field(), __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
+                'text2'          => [ 'label' => __( 'Text / HTML 2', 'flowix' ), 'icon' => 'type', 'fields' => [ 'h' => [ flowix_multiline_field(), __( 'Text (links and bold allowed)', 'flowix' ) ] ] ],
                 'phone'          => [ 'label' => __( 'Phone Number', 'flowix' ), 'icon' => 'phone', 'fields' => [ 'v' => [ 'text', __( 'Phone number', 'flowix' ) ] ] ],
                 'email'          => [ 'label' => __( 'Email Address', 'flowix' ), 'icon' => 'mail', 'fields' => [ 'v' => [ 'text', __( 'Email address', 'flowix' ) ] ] ],
@@ -119 +119 @@
                                         break;
                                 case 'textarea':
+                                case 'line':
                                         $v = wp_kses( (string) $v, [ 'a' => [ 'href' => true, 'target' => true, 'rel' => true ], 'strong' => [], 'b' => [], 'em' => [], 'i' => [], 'br' => [], 'span' => [ 'class' => true ] ] );
                                         break;
@@ -240 +241 @@
                         }
                         $count = WC()->cart ? WC()->cart->get_cart_contents_count() : 0;
-                        return '<button type="button" class="header-util-btn fx-hitem fx-hitem--cart" data-flowix-open="cart" aria-label="' . esc_attr__( 'Open cart', 'flowix' ) . '" aria-expanded="false" aria-controls="mini-cart-drawer" style="position:relative;">' . flowix_inline_icon( 'shopping-bag', 17 ) . '<span class="cart-item-count" aria-live="polite">' . esc_html( $count ) . '</span></button>';
+                        return '<button type="button" class="header-util-btn fx-hitem fx-hitem--cart" data-flowix-open="cart" aria-label="' . esc_attr__( 'Open cart', 'flowix' ) . '" aria-expanded="false" aria-controls="mini-cart-drawer">' . flowix_inline_icon( 'shopping-bag', 17 ) . '<span class="cart-item-count" aria-live="polite">' . esc_html( $count ) . '</span></button>';
 
                 case 'cart_total':
@@ -334 +335 @@
         $echo = is_array( $args ) ? ( $args['echo'] ?? true ) : ( is_object( $args ) ? ( $args->echo ?? true ) : true );
         if ( $echo ) {
-                echo $html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped above.
+                echo flowix_kses( $html );
                 return '';
         }
@@ -377 +378 @@
                         }
                         echo '<div class="fx-hrow fx-hrow--' . esc_attr( $row ) . ' fx-' . esc_attr( $dev ) . ' ' . esc_attr( $row_class[ $row ][0] ) . '">';
-                        echo '<div class="fx-hrow-inner ' . esc_attr( $row_class[ $row ][1] ) . '">' . implode( '', $zones ) . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- items escape their own output.
+                        echo flowix_kses( '<div class="fx-hrow-inner ' . esc_attr( $row_class[ $row ][1] ) . '">' . implode( '', $zones ) . '</div>' );
                         echo '</div>';
                 }
@@ -451 +452 @@
                         'mobile'    => __( 'Mobile', 'flowix' ),
                         'rows'      => [ 'top' => __( 'Top Bar', 'flowix' ), 'main' => __( 'Main Row', 'flowix' ), 'bottom' => __( 'Bottom Row', 'flowix' ) ],
-                        'zones'     => [ 'l' => __( 'Left', 'flowix' ), 'c' => __( 'Centre', 'flowix' ), 'r' => __( 'Right', 'flowix' ) ],
+                        'zones'     => is_rtl() ? [ 'l' => __( 'Right', 'flowix' ), 'c' => __( 'Centre', 'flowix' ), 'r' => __( 'Left', 'flowix' ) ] : [ 'l' => __( 'Left', 'flowix' ), 'c' => __( 'Centre', 'flowix' ), 'r' => __( 'Right', 'flowix' ) ], // 'l' is the start side: on the right for right-to-left sites.
                         'available' => __( 'Available items — drag into a row', 'flowix' ),
                         'dragHint'  => __( 'Drag items between the boxes. Click an item to change its settings.', 'flowix' ),

flowix/1.1.2/inc/home-sections.php

@@ -19 +19 @@
    ================================================================ */
 
-/** Icons offered for feature boxes. */
-function flowix_feature_icons() {
-        $names = [ 'truck', 'shield-check', 'credit-card', 'rotate-ccw', 'headphones', 'gift', 'heart', 'star', 'leaf', 'award', 'clock', 'map-pin', 'package', 'sparkles', 'thumbs-up', 'lock', 'percent', 'tag', 'zap', 'globe', 'smile', 'recycle', 'hand-heart', 'badge-check', 'store', 'phone', 'mail', 'coffee', 'sun', 'flower-2' ];
-        return array_combine( $names, array_map( fn( $n ) => ucwords( str_replace( '-', ' ', $n ) ), $names ) );
-}
 
 /**
@@ -37 +32 @@
                 'url'  => [ 'url', __( 'Button link', 'flowix' ) ],
         ];
-        $sources = [
-                'featured' => __( 'Featured products', 'flowix' ),
-                'sale'     => __( 'On sale', 'flowix' ),
-                'new'      => __( 'Newest', 'flowix' ),
-                'best'     => __( 'Best sellers', 'flowix' ),
-                'rated'    => __( 'Top rated', 'flowix' ),
-                'category' => __( 'From one category', 'flowix' ),
-        ];
-        $cats = [ '' => __( '— Choose —', 'flowix' ) ];
-        if ( taxonomy_exists( 'product_cat' ) ) {
-                $terms = get_terms( [ 'taxonomy' => 'product_cat', 'hide_empty' => false ] );
-                if ( ! is_wp_error( $terms ) ) {
-                        foreach ( $terms as $t ) {
-                                $cats[ $t->slug ] = $t->name;
-                        }
-                }
-        }
         $post_cats = [ '' => __( 'All categories', 'flowix' ) ];
         foreach ( get_categories( [ 'hide_empty' => false ] ) as $t ) {
                 $post_cats[ $t->slug ] = $t->name;
         }
-        $icons = flowix_feature_icons();
-        $features = [ 'eyebrow' => [ 'text', __( 'Small label above', 'flowix' ) ], 'heading' => [ 'text', __( 'Heading', 'flowix' ) ] ];
-        for ( $i = 1; $i <= 4; $i++ ) {
-                /* translators: %d: feature number */
-                $features[ "i{$i}" ] = [ 'icon', sprintf( __( 'Feature %d — icon', 'flowix' ), $i ), $icons ];
-                /* translators: %d: feature number */
-                $features[ "t{$i}" ] = [ 'text', sprintf( __( 'Feature %d — title', 'flowix' ), $i ) ];
-                /* translators: %d: feature number */
-                $features[ "x{$i}" ] = [ 'textarea', sprintf( __( 'Feature %d — text', 'flowix' ), $i ) ];
-        }
-
         return [
                 // Built-in sections (one each)
@@ -76 +43 @@
                 'categories'   => [ 'label' => __( 'Categories', 'flowix' ), 'icon' => 'layout-grid', 'builtin' => true, 'woo' => true, 'note' => __( 'Edit its text under Flowix Theme → Categories Section.', 'flowix' ) ],
                 'featured'     => [ 'label' => __( 'Featured Products', 'flowix' ), 'icon' => 'star', 'builtin' => true, 'woo' => true, 'note' => __( 'Edit its text under Flowix Theme → Featured Products.', 'flowix' ) ],
-                'testimonials' => [ 'label' => __( 'Testimonials', 'flowix' ), 'icon' => 'quote', 'builtin' => true, 'note' => __( 'Edit the reviews under Flowix Theme → Testimonials.', 'flowix' ) ],
-                'vendor'       => [ 'label' => __( 'Vendor Call-to-Action', 'flowix' ), 'icon' => 'store', 'builtin' => true, 'note' => __( 'Edit its text under Flowix Theme → Vendor CTA Section.', 'flowix' ) ],
-
                 // Add as many as you like
-                'banner'       => [ 'label' => __( 'Image Banner', 'flowix' ), 'icon' => 'image', 'fields' => [
-                        'image'   => [ 'image', __( 'Background image', 'flowix' ) ],
-                        'eyebrow' => [ 'text', __( 'Small label above', 'flowix' ) ],
-                        'heading' => [ 'text', __( 'Heading', 'flowix' ) ],
-                        'text'    => [ 'textarea', __( 'Text', 'flowix' ) ],
-                ] + $btn + [
-                        'height'  => [ 'select', __( 'Height', 'flowix' ), [ 'm' => __( 'Medium', 'flowix' ), 's' => __( 'Short', 'flowix' ), 'l' => __( 'Tall', 'flowix' ), 'full' => __( 'Full screen', 'flowix' ) ] ],
-                        'align'   => [ 'select', __( 'Text position', 'flowix' ), [ 'center' => __( 'Centre', 'flowix' ), 'left' => __( 'Left', 'flowix' ), 'right' => __( 'Right', 'flowix' ) ] ],
-                ] ],
                 'posts'        => [ 'label' => __( 'Latest Posts', 'flowix' ), 'icon' => 'newspaper', 'fields' => [
                         'eyebrow' => [ 'text', __( 'Small label above', 'flowix' ) ],
@@ -95 +50 @@
                         'count'   => [ 'number', __( 'How many', 'flowix' ), 1, 12 ],
                 ] + $btn ],
-                'text_image'   => [ 'label' => __( 'Image + Text', 'flowix' ), 'icon' => 'columns-2', 'fields' => [
-                        'image'   => [ 'image', __( 'Image', 'flowix' ) ],
-                        'side'    => [ 'select', __( 'Image side', 'flowix' ), [ 'left' => __( 'Left', 'flowix' ), 'right' => __( 'Right', 'flowix' ) ] ],
-                        'eyebrow' => [ 'text', __( 'Small label above', 'flowix' ) ],
-                        'heading' => [ 'text', __( 'Heading', 'flowix' ) ],
-                        'text'    => [ 'textarea', __( 'Text', 'flowix' ) ],
-                ] + $btn ],
-                'features'     => [ 'label' => __( 'Feature Icons', 'flowix' ), 'icon' => 'sparkles', 'fields' => $features ],
-                'cta'          => [ 'label' => __( 'Call to Action', 'flowix' ), 'icon' => 'megaphone', 'fields' => [
-                        'eyebrow' => [ 'text', __( 'Small label above', 'flowix' ) ],
-                        'heading' => [ 'text', __( 'Heading', 'flowix' ) ],
-                        'text'    => [ 'textarea', __( 'Text', 'flowix' ) ],
-                ] + $btn + [
-                        'btn2'    => [ 'text', __( 'Second button label', 'flowix' ) ],
-                        'url2'    => [ 'url', __( 'Second button link', 'flowix' ) ],
-                ] ],
                 'spacer'       => [ 'label' => __( 'Spacer', 'flowix' ), 'icon' => 'separator-horizontal', 'fields' => [
-                        'h'       => [ 'number', __( 'Height (px)', 'flowix' ), 0, 600 ],
+                        'h'       => [ 'number', __( 'Height (px, in steps of 10)', 'flowix' ), 0, 600 ],
                 ] ],
         ];
@@ -124 +63 @@
 function flowix_section_defaults_base( $type ) {
         $d = [
-                'banner'     => [ 'eyebrow' => __( 'New season', 'flowix' ), 'heading' => __( 'Summer Collection', 'flowix' ), 'text' => __( 'Fresh styles, made for sunny days.', 'flowix' ), 'btn' => __( 'Shop the collection', 'flowix' ), 'url' => '/shop/', 'height' => 'm', 'align' => 'center' ],
                 'posts'      => [ 'eyebrow' => __( 'From the blog', 'flowix' ), 'heading' => __( 'Latest posts', 'flowix' ), 'cat' => '', 'count' => 3 ],
-                'text_image' => [ 'side' => 'left', 'eyebrow' => __( 'Our story', 'flowix' ), 'heading' => __( 'Made with care', 'flowix' ), 'text' => __( 'Tell your customers what makes you different — where your products come from and why you love them.', 'flowix' ), 'btn' => __( 'Learn more', 'flowix' ), 'url' => '/about/' ],
-                'features'   => [ 'heading' => __( 'Why shop with us', 'flowix' ), 'i1' => 'truck', 't1' => __( 'Fast delivery', 'flowix' ), 'x1' => __( 'Nationwide in 2–4 days.', 'flowix' ), 'i2' => 'shield-check', 't2' => __( 'Secure checkout', 'flowix' ), 'x2' => __( 'Your payment details stay safe.', 'flowix' ), 'i3' => 'rotate-ccw', 't3' => __( 'Easy returns', 'flowix' ), 'x3' => __( '30 days to change your mind.', 'flowix' ), 'i4' => 'headphones', 't4' => __( 'Real support', 'flowix' ), 'x4' => __( 'Talk to a person, not a bot.', 'flowix' ) ],
-                'cta'        => [ 'eyebrow' => __( 'Limited offer', 'flowix' ), 'heading' => __( 'Get 10% off your first order', 'flowix' ), 'text' => __( 'Sign up today and save on everything.', 'flowix' ), 'btn' => __( 'Claim my discount', 'flowix' ), 'url' => '/my-account/' ],
                 'spacer'     => [ 'h' => 60 ],
         ];
@@ -144 +79 @@
                 return $list;
         }
-        foreach ( [ 'hero', 'page_content', 'trust', 'categories', 'featured', 'testimonials', 'vendor' ] as $t ) {
+        $builtin = [ 'hero', 'page_content', 'trust', 'categories', 'featured' ];
+        foreach ( $builtin as $t ) {
                 $list[] = [ 'id' => $t, 'type' => $t, 'on' => true, 'd' => (object) [] ];
         }
@@ -178 +114 @@
                 }
                 $seen[ $type ] = true;
-                if ( ! empty( $t['block'] ) ) {
-                        $out[] = [ 'id' => $id, 'type' => $type, 'on' => ! empty( $sec['on'] ), 'd' => (object) flowix_block_clean( $t['block'], (array) ( $sec['d'] ?? [] ) ) ];
-                        continue;
-                }
                 $data          = [];
                 $raw           = (array) ( $sec['d'] ?? [] );
@@ -248 +180 @@
                 if ( ! empty( $types[ $sec['type'] ]['builtin'] ) ) {
                         get_template_part( 'template-parts/home/' . $sec['type'] );
-                } elseif ( ! empty( $types[ $sec['type'] ]['block'] ) ) {
-                        echo '<section class="fx-sec fx-sec--block section fx-sec-' . esc_attr( $sec['id'] ) . '"><div class="container">' . flowix_render_block( $types[ $sec['type'] ]['block'], (array) $sec['d'], 'fxs-' . $sec['id'] ) . '</div></section>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- block output is escaped.
                 } else {
                         flowix_render_section( $sec );
@@ -282 +212 @@
 
         switch ( $type ) {
-                case 'banner':
-                        $img = ! empty( $d['image']['id'] ) ? wp_get_attachment_url( $d['image']['id'] ) : '';
-                        echo '<section class="' . esc_attr( $cls . ' fx-banner--' . ( $d['height'] ?? 'm' ) . ' fx-banner--' . ( $d['align'] ?? 'center' ) ) . '"' . ( $img ? ' style="--fx-banner-img:url(\'' . esc_url( $img ) . '\')"' : '' ) . '>';
-                        echo '<div class="container fx-banner-inner"><div class="fx-banner-content">';
-                        if ( ! empty( $d['eyebrow'] ) ) {
-                                echo '<span class="eyebrow fx-banner-eyebrow">' . esc_html( $d['eyebrow'] ) . '</span>';
-                        }
-                        if ( ! empty( $d['heading'] ) ) {
-                                echo '<h2 class="fx-banner-title">' . esc_html( $d['heading'] ) . '</h2>';
-                        }
-                        if ( ! empty( $d['text'] ) ) {
-                                echo '<div class="fx-banner-text">' . wp_kses_post( wpautop( $d['text'] ) ) . '</div>';
-                        }
-                        echo flowix_section_button( $d['btn'] ?? '', $d['url'] ?? '' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        echo '</div></div></section>';
-                        break;
-
                 case 'posts':
                         $q = new WP_Query( [
@@ -308 +221 @@
                         ] );
                         echo '<section id="' . esc_attr( 'fx-' . $sec['id'] ) . '" class="' . esc_attr( $cls . ' section' ) . '"><div class="container">';
-                        echo flowix_section_heading( $d ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+                        echo flowix_kses( flowix_section_heading( $d ) );
                         if ( $q->have_posts() ) {
                                 echo '<div class="products-grid fx-posts-grid">';
@@ -321 +234 @@
                         }
                         if ( ! empty( $d['btn'] ) ) {
-                                echo '<div class="fx-sec-actions">' . flowix_section_button( $d['btn'], $d['url'] ?? '', 'btn btn--primary btn--lg' ) . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+                                echo flowix_kses( '<div class="fx-sec-actions">' . flowix_section_button( $d['btn'], $d['url'] ?? '', 'btn btn--primary btn--lg' ) . '</div>' );
                         }
                         echo '</div></section>';
                         break;
 
-                case 'text_image':
-                        $img = ! empty( $d['image']['id'] ) ? wp_get_attachment_image( $d['image']['id'], 'large', false, [ 'class' => 'fx-ti-img' ] ) : '<div class="fx-ti-img fx-ti-placeholder"></div>';
-                        echo '<section class="' . esc_attr( $cls . ' section fx-ti--' . ( $d['side'] ?? 'left' ) ) . '"><div class="container fx-ti-inner">';
-                        echo '<div class="fx-ti-media">' . $img . '</div><div class="fx-ti-content">'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        echo flowix_section_heading( $d, false ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        if ( ! empty( $d['text'] ) ) {
-                                echo '<div class="fx-ti-text">' . wp_kses_post( wpautop( $d['text'] ) ) . '</div>';
-                        }
-                        echo flowix_section_button( $d['btn'] ?? '', $d['url'] ?? '' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        echo '</div></div></section>';
-                        break;
-
-                case 'features':
-                        echo '<section class="' . esc_attr( $cls . ' section' ) . '"><div class="container">';
-                        echo flowix_section_heading( $d ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        echo '<div class="fx-features">';
-                        for ( $i = 1; $i <= 4; $i++ ) {
-                                if ( empty( $d[ "t{$i}" ] ) && empty( $d[ "x{$i}" ] ) ) {
-                                        continue;
-                                }
-                                echo '<div class="fx-feature">';
-                                if ( ! empty( $d[ "i{$i}" ] ) ) {
-                                        echo '<span class="fx-feature-icon">' . flowix_inline_icon( $d[ "i{$i}" ], 28, 1.6 ) . '</span>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                                }
-                                if ( ! empty( $d[ "t{$i}" ] ) ) {
-                                        echo '<h3 class="fx-feature-title">' . esc_html( $d[ "t{$i}" ] ) . '</h3>';
-                                }
-                                if ( ! empty( $d[ "x{$i}" ] ) ) {
-                                        echo '<p class="fx-feature-text">' . wp_kses_post( $d[ "x{$i}" ] ) . '</p>';
-                                }
-                                echo '</div>';
-                        }
-                        echo '</div></div></section>';
-                        break;
-
-                case 'cta':
-                        echo '<section class="' . esc_attr( $cls . ' section' ) . '"><div class="container fx-cta-inner">';
-                        echo flowix_section_heading( $d ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        if ( ! empty( $d['text'] ) ) {
-                                echo '<div class="fx-cta-text">' . wp_kses_post( wpautop( $d['text'] ) ) . '</div>';
-                        }
-                        echo '<div class="fx-sec-actions">' . flowix_section_button( $d['btn'] ?? '', $d['url'] ?? '' ) . flowix_section_button( $d['btn2'] ?? '', $d['url2'] ?? '', 'btn btn--primary btn--lg' ) . '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-                        echo '</div></section>';
-                        break;
-
                 case 'spacer':
-                        echo '<div class="' . esc_attr( $cls ) . '" style="height:' . (int) ( $d['h'] ?? 60 ) . 'px" aria-hidden="true"></div>';
+                        $h = (int) round( max( 0, min( 600, (int) ( $d['h'] ?? 60 ) ) ) / 10 ) * 10;
+                        echo '<div class="' . esc_attr( $cls . ' fx-spacer--' . $h ) . '" aria-hidden="true"></div>';
                         break;
         }
@@ -391 +260 @@
                         'sec_title'      => [ __( 'Added Section Headings', 'flowix' ), '.fx-sec-title', $tb ],
                         'sec_btn'        => [ __( 'Added Section Buttons', 'flowix' ), '.fx-sec-btn', $tb ],
-                        'banner'         => [ __( 'Image Banners', 'flowix' ), '.fx-sec--banner', $b ],
-                        'banner_content' => [ __( 'Image Banner — Text Box', 'flowix' ), '.fx-banner-content', $b ],
-                        'banner_title'   => [ __( 'Image Banner — Heading', 'flowix' ), '.fx-banner-title', $tb ],
-                        'banner_text'    => [ __( 'Image Banner — Text', 'flowix' ), '.fx-banner-text', $tb ],
                         'posts_sec'      => [ __( 'Latest Posts Sections', 'flowix' ), '.fx-sec--posts', $b ],
                         'post_card'      => [ __( 'Post Cards', 'flowix' ), '.fx-post-card', $b ],
-                        'ti_sec'         => [ __( 'Image + Text Sections', 'flowix' ), '.fx-sec--text_image', $b ],
-                        'ti_img'         => [ __( 'Image + Text — Image', 'flowix' ), '.fx-ti-img', [ 'image' ] ],
-                        'ti_text'        => [ __( 'Image + Text — Text', 'flowix' ), '.fx-ti-text', $tb ],
-                        'features_sec'   => [ __( 'Feature Icon Sections', 'flowix' ), '.fx-sec--features', $b ],
-                        'feature'        => [ __( 'Feature Box', 'flowix' ), '.fx-feature', $b ],
-                        'feature_icon'   => [ __( 'Feature Icon', 'flowix' ), '.fx-feature-icon', [ 'icon', 'box' ] ],
-                        'feature_title'  => [ __( 'Feature Title', 'flowix' ), '.fx-feature-title', $tb ],
-                        'feature_text'   => [ __( 'Feature Text', 'flowix' ), '.fx-feature-text', $tb ],
-                        'cta_sec'        => [ __( 'Call-to-Action Sections', 'flowix' ), '.fx-sec--cta', $b ],
-                        'cta_text'       => [ __( 'Call-to-Action Text', 'flowix' ), '.fx-cta-text', $tb ],
                 ],
         ];
@@ -429 +284 @@
                 'type'            => 'hidden',
                 'priority'        => 1,
-                'description'     => '<span class="notice notice-warning inline" style="display:block;padding:8px 12px;margin:0 0 12px">' . esc_html__( 'Your home page is set to show your latest posts, so these sections are not shown. To use them, choose "A static page" as your homepage.', 'flowix' ) . '<br><button type="button" class="button button-primary" style="margin-top:8px" data-flowix-static-home>' . esc_html__( 'Choose a home page', 'flowix' ) . '</button></span>',
+                'description'     => '<span class="notice notice-warning inline fx-cz-notice">' . esc_html__( 'Your home page is set to show your latest posts, so these sections are not shown. To use them, choose "A static page" as your homepage.', 'flowix' ) . '<br><button type="button" class="button button-primary" data-flowix-static-home>' . esc_html__( 'Choose a home page', 'flowix' ) . '</button></span>',
                 'active_callback' => function () {
                         return 'page' !== get_option( 'show_on_front' );
@@ -455 +310 @@
         foreach ( flowix_section_types() as $t ) {
                 $icons[ $t['icon'] ] = flowix_icon_library()[ $t['icon'] ] ?? '';
-        }
-        foreach ( array_keys( flowix_feature_icons() ) as $n ) {
-                $icons[ $n ] = flowix_icon_library()[ $n ] ?? '';
         }
         $defaults = [];

flowix/1.1.2/inc/shop-features.php

@@ -3 +3 @@
  * Flowix — Shop Features (WooCommerce boosters, no plugins needed)
  *
- * Quick view, wishlist, colour/image/label swatches, badge designer, free-delivery bar,
- * sale countdown, low-stock urgency, delivery estimate, trust badges, Buy now,
- * added-to-cart behaviour, product page layout, load more / infinite scroll, recently viewed.
+ * Shop display options: badges, free-delivery bar, trust badges, added-to-cart behaviour,
+ * product page layout and more.
  *
  * Settings live in Customize → Flowix — Layout Builder → Shop Features (theme_mods flowix_shop_*).
@@ -74 +73 @@
                         'text'     => 'sanitize_text_field',
                         'textarea' => 'sanitize_textarea_field',
-                        'select'   => 'sanitize_key',
+                        'select'   => 'flowix_sanitize_choice',
                 ][ $s[0] ];
                 $wp_customize->add_setting( $id, [ 'default' => $s[2], 'sanitize_callback' => $sanitize, 'transport' => 'refresh' ] );
@@ -166 +165 @@
 add_action( 'woocommerce_before_single_product_summary', function() {
         global $product;
-        echo flowix_product_badges( $product ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+        echo flowix_kses( flowix_product_badges( $product ) );
 }, 10 );
 
-/** Card extras on WooCommerce's shop-page cards: badges, quick view, wishlist, colour dots. */
+/** Extras on WooCommerce's shop-page cards (badges and card buttons). */
 add_action( 'woocommerce_before_shop_loop_item_title', function() {
         global $product;
-        echo flowix_card_overlay( $product ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+        echo flowix_kses( flowix_card_overlay( $product ) );
 }, 9 );
 
@@ -186 +185 @@
 
 
-/* Header builder item: wishlist link with count. */
+/* Header builder items added by the shop features. */
 add_filter( 'flowix_header_items_extra', function( $items ) {
         $items['freeship'] = [ 'label' => __( 'Free-Delivery Progress', 'flowix' ), 'icon' => 'truck' ];
@@ -209 +208 @@
                         $icon  = count( $parts ) > 1 ? sanitize_key( $parts[0] ) : 'check';
                         $text  = end( $parts );
-                        echo '<li>' . flowix_inline_icon( isset( flowix_icon_library()[ $icon ] ) ? $icon : 'check', 18 ) . '<span>' . esc_html( $text ) . '</span></li>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+                        echo flowix_kses( '<li>' . flowix_inline_icon( isset( flowix_icon_library()[ $icon ] ) ? $icon : 'check', 18 ) . '<span>' . esc_html( $text ) . '</span></li>' );
                 }
                 echo '</ul>';
@@ -272 +271 @@
         $pc    = min( 100, round( $total / $goal * 100 ) );
         $msg   = $left > 0 ? str_replace( '{amount}', wp_strip_all_tags( wc_price( $left ) ), flowix_shop( 'fsb_msg' ) ) : flowix_shop( 'fsb_done' );
-        return '<div class="fx-fsb' . ( $left <= 0 ? ' is-done' : '' ) . ( $compact ? ' fx-fsb--compact' : '' ) . '"><p class="fx-fsb-msg">' . esc_html( $msg ) . '</p><span class="fx-fsb-track"><span class="fx-fsb-fill" style="width:' . esc_attr( $pc ) . '%"></span></span></div>';
+        return '<div class="fx-fsb' . ( $left <= 0 ? ' is-done' : '' ) . ( $compact ? ' fx-fsb--compact' : '' ) . '"><p class="fx-fsb-msg">' . esc_html( $msg ) . '</p><span class="fx-fsb-track"><span class="fx-fsb-fill fx-fsb-fill--' . absint( round( $pc / 5 ) * 5 ) . '"></span></span></div>';
 }
 
 add_action( 'woocommerce_before_cart_table', function() {
-        echo flowix_free_shipping_bar(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+        echo flowix_kses( flowix_free_shipping_bar() );
 } );
 add_action( 'woocommerce_before_mini_cart', function() {
-        echo flowix_free_shipping_bar(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+        echo flowix_kses( flowix_free_shipping_bar() );
 } );
 add_filter( 'woocommerce_add_to_cart_fragments', function( $f ) {

flowix/1.1.2/index.php

@@ -7 +7 @@
 
 get_header(); ?>
-<div class="container fx-blog" style="padding-top:48px;padding-bottom:64px;">
-        <header class="fx-blog-header" style="margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--border-light);">
+<div class="container fx-blog">
+        <header class="fx-blog-header fx-page-header">
                 <h1>
                         <?php

flowix/1.1.2/page.php

@@ -8 +8 @@
 $flowix_fx_notitle = $flowix_fx_canvas || get_post_meta( get_the_ID(), '_flowix_hide_title', true );
 ?>
-<div class="container<?php echo $flowix_fx_canvas ? ' fx-canvas' : ''; ?>" style="<?php echo $flowix_fx_canvas ? 'max-width:none;padding:0;' : 'max-width:var(--content-width);padding-top:52px;padding-bottom:72px;'; ?>">
+<div class="container <?php echo $flowix_fx_canvas ? 'fx-canvas' : 'fx-narrow'; ?>">
         <?php while ( have_posts() ) : the_post(); ?>
                 <article <?php post_class(); ?>>
                         <?php if ( get_the_title() && ! $flowix_fx_notitle ) : ?>
-                                <header style="margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--border-light);">
+                                <header class="fx-page-header">
                                         <h1><?php the_title(); ?></h1>
                                 </header>
@@ -26 +26 @@
                         </div>
                         <?php if ( get_edit_post_link() && ! $flowix_fx_canvas ) : ?>
-                                <footer style="margin-top:32px;">
+                                <footer class="fx-page-footer">
                                         <?php edit_post_link( __( 'Edit this page', 'flowix' ), '<span class="edit-link">', '</span>' ); ?>
                                 </footer>

flowix/1.1.2/readme.txt

@@ -1 +1 @@
 === Flowix ===
-Contributors: djarnd
-Tags: e-commerce, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, blog, wide-blocks
+Contributors: goodiez
+Tags: e-commerce, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, wide-blocks
 Requires at least: 6.4
 Tested up to: 7.1
 Requires PHP: 8.0
-Stable tag: 1.1.1
+Stable tag: 1.1.2
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -21 +21 @@
 * **Click to style** — switch it on in the preview and click anything to jump straight to its settings.
 * **Header builder** — drag the logo, menu, search, cart, account, buttons, contact details and social icons into a top bar, main row and bottom row, separately for desktop and mobile. Sticky, hide-on-scroll and shrink options.
-* **Footer builder** — choose a column layout and drop in menus, text, contact details, a newsletter form, payment icons and more.
-* **Home page builder** — reorder, hide and add sections: hero, trust bar, categories, featured products, testimonials, image banners, image + text, feature icons, call to action and spacers.
+* **Footer builder** — choose a column layout and drop in menus, text, contact details, social icons, payment icons and more.
+* **Home page builder** — reorder and hide the home page sections (hero, trust bar, page content, categories, featured products) and add latest-posts sections and spacers.
 * **One-click looks** — start from Blank Canvas, Original Artisan or Swiss Grid.
 * **Dark mode** — automatic, always on, or a switch your shoppers can use.
 * **Shop extras** — sale badges with the discount percentage, "New" and "Sold out" badges, a free-delivery progress bar in the cart, trust badges under Add to cart, product page layout options, and an "added to cart" message or slide-out cart.
 * **Page layout options** — hide the title or use a full-width canvas on any page.
+* **Undo, redo & Before/After** — step back through your Customizer changes and compare with how your site looked before.
+* **Right-to-left languages** — the layout mirrors for Arabic, Hebrew and other RTL languages.
 * **Export, import & reset** your design.
-
-Flowix Premium (sold separately at https://goodiez.co.za/flowix) adds more looks, backgrounds, motion and particle effects, content blocks and extra shop features. The free theme is complete on its own.
 
 == Installation ==
@@ -52 +52 @@
 Yes. Everything is stored in the Customizer settings, not in the theme files.
 
+= Does Flowix collect any data? =
+
+No. Flowix does not collect, store or send any personal data, and has no tracking.
+
+* Dark mode switch: when a visitor uses the switch, their choice (light or dark) is remembered in their own browser (localStorage key "flowix-theme"). It is never sent to your site or anyone else.
+* Fonts: the fonts you choose in the Brand Kit are loaded from Google Fonts (fonts.googleapis.com and fonts.gstatic.com), which means visitors' browsers connect to Google to download them. See Google's privacy policy: https://policies.google.com/privacy
+
 == Changelog ==
+
+= 1.1.2 =
+* New: undo and redo in the Customizer, a history of your changes, and a Before/After view to compare your design with how it was.
+* New: right-to-left language support (Arabic, Hebrew and others).
+* Fix: the header menu no longer overlaps a centred logo.
+* WordPress.org review fixes: version numbers in sync, translation template (languages/flowix.pot) included, removed unused page template entries.
+* Accessibility: mobile menu button has a name and announces open/closed; keyboard focus stays inside the search, cart and menu panels while they are open and returns when they close (Escape closes them); dropdown menus open with the keyboard; the skip link shows below the admin toolbar.
+* Long titles and links now wrap instead of overflowing; floated images and embeds no longer push the sidebar down.
+* Template layout styles moved from the templates into the stylesheet.
+* Removed the newsletter form and the testimonial, vendor and free-text home page sections (WordPress.org content-creation rules).
+* Posts split over several pages now show their page links. Clearer keyboard focus on form fields.
+* Theme styles and the dark mode script now load through WordPress's own functions; removed schema markup and leftover inline styles.
+* The footer tagline and copyright line are now set only in the Footer Builder (the duplicate settings under Flowix Theme → Footer are gone).
 
 = 1.1.1 =

flowix/1.1.2/search.php

@@ -5 +5 @@
  */
 get_header(); ?>
-<div class="container" style="padding-top:48px;padding-bottom:72px;">
-        <header style="margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--border-light);">
+<div class="container fx-list-wrap">
+        <header class="fx-page-header">
                 <span class="eyebrow"><?php esc_html_e( 'Search Results', 'flowix' ); ?></span>
                 <h1>
@@ -13 +13 @@
                                 /* translators: %s: search query */
                                 esc_html__( 'Results for: "%s"', 'flowix' ),
-                                '<em>' . get_search_query() . '</em>'
+                                '<em>' . esc_html( get_search_query( false ) ) . '</em>'
                         );
                         ?>
                 </h1>
                 <?php if ( have_posts() ) : ?>
-                        <p class="lead" style="margin-top:8px;">
+                        <p class="lead fx-page-sub">
                                 <?php
                                 printf(
@@ -31 +31 @@
 
         <?php if ( have_posts() ) : ?>
-                <div class="products-grid" style="grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;">
+                <div class="products-grid fx-search-grid">
                         <?php while ( have_posts() ) : the_post(); ?>
                                 <article <?php post_class( 'product-card' ); ?>>
                                         <?php if ( has_post_thumbnail() ) : ?>
                                                 <div class="product-card-media">
-                                                        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'flowix-product-card' ); ?></a>
+                                                        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'flowix-blog-thumb' ); ?></a>
                                                 </div>
                                         <?php endif; ?>
                                         <div class="product-card-body">
-                                                <h2 class="product-card-title" style="font-size:1.05rem;">
+                                                <h2 class="product-card-title fx-search-title">
                                                         <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
                                                 </h2>
-                                                <p style="font-size:0.88rem;color:var(--walnut);margin:0 0 14px;"><?php the_excerpt(); ?></p>
+                                                <div class="fx-search-excerpt"><?php the_excerpt(); ?></div>
                                                 <a href="<?php the_permalink(); ?>" class="btn btn--sm"><?php esc_html_e( 'View', 'flowix' ); ?></a>
                                         </div>
@@ -49 +49 @@
                         <?php endwhile; ?>
                 </div>
-                <div style="margin-top:40px;">
+                <div class="fx-pagination-wrap">
                         <?php the_posts_pagination(); ?>
                 </div>
         <?php else : ?>
-                <div style="text-align:center;padding:60px 20px;">
-                        <h2 style="font-size:1.4rem;margin-bottom:16px;"><?php esc_html_e( 'Nothing found.', 'flowix' ); ?></h2>
-                        <p style="color:var(--walnut);margin-bottom:28px;">
+                <div class="fx-nothing">
+                        <h2><?php esc_html_e( 'Nothing found.', 'flowix' ); ?></h2>
+                        <p>
                                 <?php esc_html_e( "We couldn't find anything matching your search. Try different keywords or browse our shop.", 'flowix' ); ?>
                         </p>

flowix/1.1.2/single.php

@@ -5 +5 @@
  */
 get_header(); ?>
-<div class="container" style="max-width:var(--content-width);padding-top:52px;padding-bottom:72px;">
+<div class="container fx-narrow">
         <?php while ( have_posts() ) : the_post(); ?>
-                <article <?php post_class(); ?> itemscope itemtype="https://schema.org/BlogPosting">
-                        <header style="margin-bottom:32px;">
-                                <div style="display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap;">
+                <article <?php post_class(); ?>>
+                        <header class="fx-post-header">
+                                <div class="fx-post-meta">
                                         <?php
                                         $flowix_cats = get_the_category();
                                         if ( $flowix_cats ) {
-                                                echo '<a href="' . esc_url( get_category_link( $flowix_cats[0]->term_id ) ) . '" class="eyebrow" style="margin:0;">' . esc_html( $flowix_cats[0]->name ) . '</a>';
+                                                echo '<a href="' . esc_url( get_category_link( $flowix_cats[0]->term_id ) ) . '" class="eyebrow">' . esc_html( $flowix_cats[0]->name ) . '</a>';
                                         }
                                         ?>
-                                        <time datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>"
-                                                  style="font-family:var(--font-ui);font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--walnut);">
+                                        <time class="fx-post-date" datetime="<?php echo esc_attr( get_the_date( 'c' ) ); ?>">
                                                 <?php echo esc_html( get_the_date() ); ?>
                                         </time>
                                 </div>
-                                <h1 itemprop="headline"><?php the_title(); ?></h1>
+                                <h1><?php the_title(); ?></h1>
                         </header>
 
                         <?php if ( has_post_thumbnail() ) : ?>
-                                <div style="margin-bottom:36px;border-radius:var(--radius-sm);overflow:hidden;">
-                                        <?php the_post_thumbnail( 'flowix-blog-thumb', [ 'itemprop' => 'image', 'style' => 'width:100%;' ] ); ?>
+                                <div class="fx-post-thumb">
+                                        <?php the_post_thumbnail( 'flowix-blog-thumb' ); ?>
                                 </div>
                         <?php endif; ?>
 
-                        <div class="entry-content" itemprop="articleBody">
-                                <?php the_content(); ?>
+                        <div class="entry-content">
+                                <?php
+                                the_content();
+                                wp_link_pages( [
+                                        'before' => '<div class="page-links"><span>' . esc_html__( 'Pages:', 'flowix' ) . '</span>',
+                                        'after'  => '</div>',
+                                ] );
+                                ?>
                         </div>
 
-                        <footer style="margin-top:40px;padding-top:24px;border-top:1px solid var(--border-light);">
-                                <?php the_tags( '<div style="margin-bottom:16px;">', ', ', '</div>' ); ?>
+                        <footer class="fx-post-footer">
+                                <?php the_tags( '<div class="fx-post-tags">', ', ', '</div>' ); ?>
                                 <?php
                                 the_post_navigation( [
@@ -46 +51 @@
         <?php endwhile; ?>
         <?php if ( comments_open() || get_comments_number() ) : ?>
-                <div class="container" style="max-width:var(--content-width);padding-bottom:72px;">
+                <div class="container fx-narrow fx-comments-wrap">
                         <?php comments_template(); ?>
                 </div>

flowix/1.1.2/style.css

@@ -5 +5 @@
 Author URI:        https://goodiez.co.za
 Description:       A clean, fast WooCommerce theme you can restyle element by element from the Customizer, no code needed. Brand Kit for colours and fonts, per-element styling with "click to style", header, footer and home page builders, one-click looks, dark mode, and shop extras like discount badges, a free-delivery bar and trust badges.
-Version:           1.1.1
+Version:           1.1.2
 Requires at least: 6.4
 Tested up to:      7.1
@@ -12 +12 @@
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:       flowix
-Tags:              e-commerce, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, blog, wide-blocks
+Tags:              e-commerce, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, wide-blocks
 
 Flowix WordPress Theme, Copyright 2026 Djarn Dhevron
@@ -134 +134 @@
 }
 .skip-link:focus { top: 0; }
+.admin-bar .skip-link:focus { top: 32px; }
+@media (max-width: 782px) { .admin-bar .skip-link:focus { top: 46px; } }
 
 img { max-width: 100%; height: auto; display: block; }
@@ -433 +435 @@
   box-shadow: 0 0 0 3px rgba(155,123,58,0.12);
 }
+/* Keyboard focus: a clear ring on fields (links and buttons keep the browser's own ring). */
+input:focus-visible,
+textarea:focus-visible,
+select:focus-visible {
+  outline: 2px solid var(--gold);
+  outline-offset: 1px;
+}
 
 input::placeholder,
@@ -641 +650 @@
 }
 
-.primary-nav > li:hover .sub-menu {
+.primary-nav > li:hover .sub-menu,
+.primary-nav > li.is-open .sub-menu {
   opacity: 1;
   pointer-events: all;
@@ -2119 +2129 @@
 .woocommerce-info { border-top-color: var(--caramel) !important; }
 
-/* ╔══════════════════════════════════════════════
-   ║  TESTIMONIALS SECTION
-   ╚══════════════════════════════════════════════ */
-.testimonials-grid {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 24px;
-}
-
-.testimonial-card {
-  background: var(--bg-surface, #fff);
-  border: 1px solid var(--bd-light, var(--border-light));
-  border-radius: var(--radius-sm);
-  padding: 32px;
-  position: relative;
-}
-
-.testimonial-card::before {
-  content: '\201C';
-  font-family: var(--font-accent);
-  font-size: 5rem;
-  color: var(--gold-pale);
-  position: absolute;
-  top: 16px;
-  left: 24px;
-  line-height: 1;
-}
-
-.testimonial-quote {
-  font-family: var(--font-accent);
-  font-size: 1rem;
-  font-style: italic;
-  color: var(--tx-muted, var(--walnut));
-  line-height: 1.7;
-  margin-bottom: 24px;
-  position: relative;
-  z-index: 1;
-  padding-top: 20px;
-}
-
-.testimonial-author {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  border-top: 1px solid var(--bd-light, var(--border-light));
-  padding-top: 20px;
-}
-
-.testimonial-avatar {
-  width: 44px;
-  height: 44px;
-  border-radius: 50%;
-  object-fit: cover;
-  background: var(--bg-tint2, var(--linen));
-}
-
-.testimonial-name {
-  font-family: var(--font-ui);
-  font-size: 0.72rem;
-  font-weight: 700;
-  letter-spacing: 0.1em;
-  text-transform: uppercase;
-  color: var(--tx-mid, var(--mahogany));
-}
-
-.testimonial-meta {
-  font-family: var(--font-body);
-  font-size: 0.8rem;
-  color: var(--border);
-}
-
-.testimonial-stars {
-  color: var(--amber);
-  font-size: 0.7rem;
-  letter-spacing: 2px;
-  margin-bottom: 4px;
-}
-
-/* ╔══════════════════════════════════════════════
-   ║  VENDOR / SELLER CTA SECTION
-   ╚══════════════════════════════════════════════ */
-.vendor-cta {
-  background: var(--espresso);
-  padding: 72px 0;
-  position: relative;
-  overflow: hidden;
-}
-
-.vendor-cta::before {
-  content: '';
-  position: absolute;
-  top: -50%;
-  right: -10%;
-  width: 500px;
-  height: 500px;
-  border-radius: 50%;
-  border: 1px solid rgba(155,123,58,0.1);
-  pointer-events: none;
-}
-
-.vendor-cta::after {
-  content: '';
-  position: absolute;
-  bottom: -60%;
-  right: 5%;
-  width: 300px;
-  height: 300px;
-  border-radius: 50%;
-  border: 1px solid rgba(155,123,58,0.07);
-  pointer-events: none;
-}
-
-.vendor-cta-inner {
-  position: relative;
-  z-index: 1;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  gap: 48px;
-  align-items: center;
-}
-
-.vendor-cta h2 {
-  font-family: var(--font-display);
-  font-size: clamp(1.6rem, 3vw, 2.4rem);
-  color: var(--cream);
-  margin-bottom: 12px;
-  font-weight: 400;
-}
-
-.vendor-cta p {
-  color: rgba(237,228,212,0.7);
-  max-width: 480px;
-  font-size: 1rem;
-  margin-bottom: 0;
-}
-
-.vendor-cta-actions {
-  display: flex;
-  gap: 14px;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  flex-shrink: 0;
-}
-
-/* ╔══════════════════════════════════════════════
-   ║  NEWSLETTER SECTION
-   ╚══════════════════════════════════════════════ */
-.newsletter-section {
-  background: var(--parchment);
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
-  padding: 48px 0;
-  text-align: center;
-}
-
-.newsletter-form {
-  max-width: 480px;
-  margin: 24px auto 0;
-  display: flex;
-  gap: 0;
-}
-
-.newsletter-form input[type="email"] {
-  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
-  border-right: none;
-  background: #fff;
-}
-
-.newsletter-form .btn {
-  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
-  white-space: nowrap;
-  padding: 13px 28px;
-  font-size: 0.68rem;
-  background: var(--hr-tx, var(--espresso));
-  color: var(--hr-bg, var(--cream)) !important;
-  border-color: var(--hr-tx, var(--espresso));
-  flex-shrink: 0;
-}
-.newsletter-section { color: color-mix(in srgb, var(--hr-tx) 75%, transparent); }
-.newsletter-section :is(h2, .lead) { color: var(--hr-tx); }
-.newsletter-section .lead { opacity: .75; }
-.newsletter-section .eyebrow { color: var(--hr-acc); }
 
 /* ╔══════════════════════════════════════════════
@@ -2629 +2457 @@
   .header-topbar { display: none; }
   .shop-layout { grid-template-columns: 1fr; }
-  .testimonials-grid { grid-template-columns: 1fr; }
-  .vendor-cta-inner { grid-template-columns: 1fr; }
-  .vendor-cta-actions { justify-content: flex-start; }
   .single-product-layout { grid-template-columns: 1fr; gap: 32px; }
 }
@@ -2643 +2468 @@
   .trust-bar-items { flex-direction: column; gap: 8px; align-items: flex-start; }
   .trust-item { border-right: none; padding: 6px 0; }
-  .newsletter-form { flex-direction: column; }
-  .newsletter-form input[type="email"] { border-radius: var(--radius-sm); border-right: 1.5px solid var(--border); }
-  .newsletter-form .btn { border-radius: var(--radius-sm); width: 100%; }
   .woocommerce-cart .cart-collaterals .cart_totals { float: none; width: 100%; }
   .woocommerce-MyAccount-navigation { width: 100%; }
@@ -2793 +2615 @@
 .fx-blog .page-numbers.current { background: var(--ink, #111); color: #fff; border-color: transparent; }
 .fx-page-content .entry-content > *:first-child { margin-top: 0; }
+
+/* ╔══════════════════════════════════════════════
+   ║  TEMPLATE LAYOUT (pages, posts, search, 404)
+   ╚══════════════════════════════════════════════ */
+.fx-narrow { max-width: var(--content-width); padding-top: 52px; padding-bottom: 72px; }
+.fx-canvas { max-width: none; padding: 0; }
+.fx-comments-wrap { padding-top: 0; }
+.fx-list-wrap { padding-top: 48px; padding-bottom: 72px; }
+.fx-blog { padding-top: 48px; padding-bottom: 64px; }
+.fx-page-header { margin-bottom: 36px; padding-bottom: 24px; border-bottom: 1px solid var(--border-light); }
+.fx-page-sub { margin-top: 8px; }
+.fx-page-footer { margin-top: 32px; }
+.fx-post-header { margin-bottom: 32px; }
+.fx-post-meta { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; flex-wrap: wrap; }
+.fx-post-meta .eyebrow { margin: 0; }
+.fx-post-date { font-family: var(--font-ui); font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--walnut); }
+.fx-post-thumb { margin-bottom: 36px; border-radius: var(--radius-sm); overflow: hidden; }
+.fx-post-thumb img { width: 100%; }
+.fx-post-footer { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--border-light); }
+.fx-post-tags { margin-bottom: 16px; }
+.fx-search-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
+.fx-search-title { font-size: 1.05rem; }
+.fx-search-excerpt { font-size: 0.88rem; color: var(--walnut); margin: 0 0 14px; }
+.fx-search-excerpt p { margin: 0; }
+.fx-pagination-wrap { margin-top: 40px; }
+.fx-nothing { text-align: center; padding: 60px 20px; }
+.fx-nothing h2 { font-size: 1.4rem; margin-bottom: 16px; }
+.fx-nothing p { color: var(--walnut); margin-bottom: 28px; }
+.error-404 h1 { margin-bottom: 16px; }
+.error-404 .lead { max-width: 440px; margin: 0 auto 36px; }
+.error-404-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
+.mobile-nav-header .site-title { color: var(--cream); font-size: 1.2rem; }
+.mobile-nav-footer { padding: 20px 24px; border-top: 1px solid rgba(155, 123, 58, 0.2); margin-top: auto; }
+.btn--block { display: block; width: 100%; text-align: center; }
+.btn--ghost-light { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); color: #fff; }
+.fx-section-more { text-align: center; margin-top: var(--space-xl); }
+
+/* ╔══════════════════════════════════════════════
+   ║  LONG WORDS, FLOATS AND KEYBOARD PANELS
+   ╚══════════════════════════════════════════════ */
+body { overflow-wrap: break-word; }
+h1, h2, h3, h4, h5, h6, .entry-title, .product_title, .widget-title { overflow-wrap: break-word; word-break: break-word; hyphens: auto; }
+.entry-content a, .comment-content a, .widget a { overflow-wrap: anywhere; }
+.entry-content::after, .comment-content::after, .widget::after, .clearfix::after { content: ""; display: table; clear: both; }
+.clear { clear: both; }
+.mini-cart-drawer:not(.open), .mobile-nav-drawer:not(.open), .search-overlay:not(.open) { visibility: hidden; transition-property: transform, opacity, visibility; transition-delay: 0s, 0s, var(--dur-lg, .35s); }
+.mini-cart-drawer.open, .mobile-nav-drawer.open, .search-overlay.open { visibility: visible; transition-delay: 0s; }

flowix/1.1.2/template-parts/home/featured.php

@@ -27 +27 @@
                         wp_reset_postdata(); ?>
                 </div>
-                <div style="text-align:center;margin-top:var(--space-xl);">
+                <div class="fx-section-more">
                         <?php if ( class_exists( 'WooCommerce' ) ) : ?>
                                 <a href="<?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?>" class="btn btn--primary btn--lg">

flowix/1.1.2/template-parts/home/page_content.php

@@ -13 +13 @@
         return;
 }
-$flowix_page = get_post( $flowix_front );
-if ( ! $flowix_page || '' === trim( (string) $flowix_page->post_content ) ) {
+$flowix_query = new WP_Query( [ 'page_id' => $flowix_front, 'post_type' => 'page' ] );
+if ( ! $flowix_query->have_posts() || '' === trim( (string) $flowix_query->posts[0]->post_content ) ) {
         return;
 }
-$GLOBALS['post'] = $flowix_page; // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited
-setup_postdata( $flowix_page );
 ?>
 <section class="section fx-page-content">
         <div class="container entry-content">
-                <?php the_content(); ?>
+                <?php
+                while ( $flowix_query->have_posts() ) {
+                        $flowix_query->the_post();
+                        the_content();
+                }
+                wp_reset_postdata();
+                ?>
         </div>
 </section>
-<?php
-wp_reset_postdata();

flowix/1.1.2/template-parts/home/trust.php

@@ -32 +32 @@
                         <div class="trust-item">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
-                                        <?php echo $flowix_svgs[ $flowix_i - 1 ]; // phpcs:ignore ?>
+                                        <?php echo flowix_kses( $flowix_svgs[ $flowix_i - 1 ] ); ?>
                                 </svg>
                                 <?php echo esc_html( $flowix_text ); ?>

flowix/1.1.2/woocommerce.php

@@ -12 +12 @@
 $flowix_wrapper_class  = 'woocommerce-page-wrapper';
 if ( $flowix_has_sidebar ) $flowix_wrapper_class .= ' has-sidebar';
-if ( function_exists( 'flowix_cat_banner_on' ) && flowix_cat_banner_on() ) {
-        echo flowix_cat_banner(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- escaped while built.
-}
 ?>