/*
Theme Name: Tabaix
Theme URI: https://tabaix.com
Author: Tabaix Enterprises
Author URI: https://tabaix.com
Description: The TABAIX homepage theme — FULLY native block-editor build (v3). Every section is real WordPress blocks (groups, headings, buttons, columns, query loop), styled by theme.json plus a small component stylesheet. No HTML-block sections (except the interactive password tool), no JavaScript-dependent hidden states — what you see in the Site Editor is what visitors get. Companion plugin: Tabaix Extra (tools manager, schema, design controls).
Version: 3.3.2
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tabaix
Tags: full-site-editing, blog, custom-colors
*/

/* ---- Top bar ---- */
.tbx-topbar a{color:#ffd166}
.tbx-dot{color:#4ade80;margin-right:6px}

/* ---- Nav ---- */
.tbx-nav .wp-block-site-title a{text-decoration:none;color:#26314b}

/* ---- Hero ---- */
.tbx-pill-line{display:inline-block;background:#fff;border:2px solid #ffe1a8;border-radius:999px;padding:8px 18px;box-shadow:0 6px 16px rgba(255,160,60,.15)}
.tbx-hero .wp-block-search{max-width:560px;margin:28px auto 0}
.tbx-hero .wp-block-search__input{border:3px solid #ffe1a8;border-radius:999px;padding:12px 20px;font-family:'Nunito',sans-serif;font-weight:700}
.tbx-hero .wp-block-search__button{border-radius:999px;background:#7b61ff}
.tbx-proof{gap:12px;margin-top:26px}
.tbx-proof p{background:#fff;border:2px solid #f1e9da;border-radius:16px;padding:10px 16px;font-weight:700;font-size:14.5px;margin:0}
.tbx-proof p strong{font-family:'Baloo 2',sans-serif}

/* ---- Buttons (color variants via block class) ---- */
.wp-block-button__link{box-shadow:0 6px 0 rgba(38,49,75,.18);transition:transform .12s ease, box-shadow .12s ease}
.wp-block-button__link:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(38,49,75,.18)}
.btn-coral .wp-block-button__link{background:#ff6b5b;color:#fff}
.btn-teal .wp-block-button__link{background:#00a896;color:#fff}
.btn-purple .wp-block-button__link{background:#7b61ff;color:#fff}
.btn-white .wp-block-button__link{background:#fff;color:#26314b;border:2px solid #f1e9da}

/* ---- Marquee (CSS only, visible without JS, respects reduced motion) ---- */
.tbx-marquee{overflow:hidden;transform:rotate(-1.1deg) scale(1.02);border-top:3px solid #26314b;border-bottom:3px solid #26314b}
.tbx-marquee-line{white-space:nowrap;width:max-content;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:17px;letter-spacing:.5px;margin:0;animation:tbx-mq 28s linear infinite}
@keyframes tbx-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.tbx-marquee-line{animation:none}}

/* ---- Pattern / query cards (Design 9 card look for native blocks) ---- */
.tx-cards{gap:18px}
.tx-cards>.wp-block-column{background:#fff;border:2px solid #f1e9da;border-radius:24px;padding:24px;box-shadow:0 8px 24px rgba(38,49,75,.06)}
.tx-posts .wp-block-post-template{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0}
@media (max-width:900px){.tx-posts .wp-block-post-template{grid-template-columns:1fr}}
.tx-posts .wp-block-post{background:#fff;border:2px solid #f1e9da;border-radius:24px;padding:18px;box-shadow:0 8px 24px rgba(38,49,75,.06)}
.tx-posts .wp-block-post-featured-image img{border-radius:14px}
.tx-posts .wp-block-post-title{font-size:19px;margin:12px 0 6px}
.tx-posts .wp-block-post-title a{color:#26314b;text-decoration:none}
.tx-posts .wp-block-post-date{color:#5c6a8a;font-size:13px;font-weight:700}

/* ---- Dynamic tools grid (from the Tabaix Extra plugin shortcode) ---- */
.tx-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
@media (max-width:900px){.tx-tools{grid-template-columns:1fr}}
.tx-card{background:#fff;border:2px solid #f1e9da;border-radius:24px;padding:24px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(38,49,75,.06)}
.tx-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.tx-card h3{font-family:'Baloo 2',system-ui,sans-serif;font-size:19px;font-weight:800;line-height:1.25;margin:0;color:#26314b}
.tx-card p{font-size:14.5px;line-height:1.6;color:#5c6a8a;font-weight:600;flex:1;margin:0 0 14px}
.tx-pill{font-size:11px;font-weight:900;letter-spacing:.4px;padding:5px 11px;border-radius:999px;text-transform:uppercase;white-space:nowrap}
.tx-pill-live{background:#d8f7ec;color:#0a6b45}
.tx-pill-build{background:#ffeec2;color:#8a5f00}
.tx-pill-soon{background:#e8ebf2;color:#5c6a8a}
.tx-go{font-family:'Baloo 2',system-ui,sans-serif;font-weight:800;font-size:15px;text-decoration:none}

/* ---- Password tool (the one interactive block) ---- */
.tbx-pw{background:#fffdf7;border:2px solid #f1e9da;border-radius:24px;padding:26px;margin:6px 0 8px}
.tbx-pw .card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.tbx-pw h3{font-family:'Baloo 2',sans-serif;font-size:20px;margin:0}
.tbx-pw p{color:#5c6a8a;font-weight:600;font-size:14.5px;line-height:1.6}
.tbx-pw .pill{font-size:11px;font-weight:900;letter-spacing:.4px;padding:5px 11px;border-radius:999px;text-transform:uppercase;background:#d8f7ec;color:#0a6b45}
.pw-out{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pw-out output{flex:1;min-width:220px;background:#26314b;color:#a7f3d0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:16.5px;font-weight:700;padding:15px 18px;border-radius:16px;word-break:break-all;display:flex;align-items:center}
.pw-out .btn{border:0;cursor:pointer;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:15px;padding:13px 22px;border-radius:16px;color:#fff}
.pw-out .btn-teal{background:#00a896}
.pw-out .btn-white{background:#fff;color:#26314b;border:2px solid #f1e9da}
.pw-opts{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:18px;font-weight:800;font-size:14px;color:#4a5578}
.pw-opts label{display:inline-flex;gap:8px;align-items:center;cursor:pointer}
.pw-opts input[type="checkbox"]{width:19px;height:19px;accent-color:#00a896}
.pw-opts input[type="range"]{accent-color:#ff6b5b;width:130px}

/* ---- FAQ details ---- */
.wp-block-details{background:#fff;border:2px solid #f1e9da;border-radius:20px;padding:18px 22px;margin-top:12px}
.wp-block-details summary{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:17px;cursor:pointer}

/* ---- Footer ---- */
.tbx-footer a{color:#ffd166;text-decoration:none}
.tbx-footer .wp-block-list{list-style:none;padding:0}
.tbx-footer .wp-block-list li{margin:8px 0}

/* ---- Accessibility ---- */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #39a7ff;outline-offset:3px}

/* ---- v3: sticky header (nav stays, top bar scrolls away) ---- */
.tbx-header-part{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:60;background:#fffaf1;box-shadow:0 4px 18px rgba(38,49,75,.07)}

/* ---- v3: editor block styles ---- */
.is-style-tbx-pill .wp-block-button__link{border-radius:999px !important}
.is-style-tbx-card{background:#fff;border:2px solid #f1e9da;border-radius:24px;padding:24px;box-shadow:0 8px 24px rgba(38,49,75,.06)}
.is-style-tbx-rounded img{border-radius:20px;box-shadow:0 12px 28px rgba(38,49,75,.14)}

/* ---- v3: print ---- */
@media print{
  .tbx-header-part,.tbx-footer,.tbx-marquee,.tbx-topbar{display:none !important}
  body{background:#fff !important}
}