/*
 Theme Name:   GeneratePress Child — East Mississippi Resource Guide
 Theme URI:    https://cdispatch.com
 Description:  Child theme for the East Mississippi Community Resource Guide. Per-county color identity managed via GeneratePress Customizer settings per subsite. Custom directory UI, wizard, and Spanish toggle styles live here.
 Author:       The Commercial Dispatch
 Author URI:   https://cdispatch.com
 Template:     generatepress
 Version:      1.0.0
 Text Domain:  generatepress-child
*/

/*
 * Custom styles for this project are added here as each feature is built.
 *
 * What belongs here:
 *   - Directory listing styles (Sessions 5+)
 *   - Resource wizard styles (Session 7)
 *   - Spanish toggle UI (Session 8)
 *   - Any project-specific components GeneratePress doesn't cover
 *
 * What does NOT belong here:
 *   - Header/nav background colors → set in each subsite's Customizer
 *   - Link and accent colors → set in each subsite's Customizer
 *   - Button colors → set in each subsite's Customizer
 *
 * County color CSS custom properties are still available via --county-color,
 * --county-color-dark, and --county-color-light for use in custom components.
 * These are set by GeneratePress's Customizer output on each subsite.
 */
 /* ── GT Help Homepage ───────────────────────────── */
 
 .gthelp-container {
	 max-width: 960px;
	 margin: 0 auto;
	 padding: 0 1.5rem;
 }
 
 .gthelp-intro {
	 padding: 4rem 0 3rem;
	 border-bottom: 1px solid #e5e5e5;
 }
 
 .gthelp-intro h1 {
	 font-size: 2rem;
	 font-weight: 700;
	 margin-bottom: 1rem;
	 line-height: 1.2;
 }
 
 .gthelp-intro p {
	 font-size: 1.1rem;
	 line-height: 1.7;
	 max-width: 680px;
	 color: #444;
	 margin-bottom: 1.75rem;
 }
 
 .gthelp-submit-btn {
	 display: inline-block;
	 background: #1F4D2C;
	 color: #fff;
	 padding: 0.75rem 1.5rem;
	 border-radius: 4px;
	 text-decoration: none;
	 font-weight: 600;
	 font-size: 0.95rem;
	 transition: background 0.2s ease;
 }
 
 .gthelp-submit-btn:hover {
	 background: #163821;
	 color: #fff;
 }
 
 .gthelp-counties {
	 padding: 3rem 0 4rem;
 }
 
 .gthelp-counties h2 {
	 font-size: 1.1rem;
	 font-weight: 600;
	 text-transform: uppercase;
	 letter-spacing: 0.08em;
	 color: #888;
	 margin-bottom: 1.5rem;
 }
 
 .gthelp-county-grid {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 0.5rem;
 }
 
 .gthelp-county-card {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 justify-content: space-between;
	 padding: 1.25rem 1.5rem;
	 background: var(--card-color);
	 border-radius: 6px;
	 text-decoration: none;
	 transition: opacity 0.2s ease, transform 0.2s ease;
 }
 
 .gthelp-county-card:hover {
	 opacity: 0.92;
	 transform: translateX(3px);
 }
 
.gthelp-county-name {
	 font-size: 1.15rem;
	 font-weight: 700;
	 color: #fff;
	 min-width: 180px;
	 display: block;
	 text-align: left;
 }
 
 .gthelp-county-seat {
	 font-size: 0.875rem;
	 color: rgba(255, 255, 255, 0.75);
	 margin-left: 0.75rem;
 }
 
 .gthelp-county-arrow {
	 font-size: 1.25rem;
	 color: rgba(255, 255, 255, 0.6);
	 margin-top: 0;
 }
 
 /*
  * EMCRG Session 5 — style.css additions
  *
  * Paste these rules at the end of:
  * wp-content/themes/generatepress-child/style.css
  *
  * County accent color is applied via --county-color set in the
  * GeneratePress Customizer per subsite. All color references below
  * use that variable so each county site automatically gets its own palette.
  *
  * Tabler icons are loaded via CDN. Add this to functions.php if not present:
  *
  * add_action( 'wp_enqueue_scripts', function() {
  *   wp_enqueue_style(
  *     'tabler-icons',
  *     'https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.x/tabler-icons.min.css',
  *     [],
  *     null
  *   );
  * });
  */
 
 /* ── Shared tokens ──────────────────────────────────────────────────────────── */
 
 :root {
   --emcrg-accent:       var(--county-color, #1F4D2C);
   --emcrg-accent-light: color-mix(in srgb, var(--emcrg-accent) 12%, white);
   --emcrg-accent-text:  var(--county-color, #1F4D2C);
   --emcrg-radius:       8px;
   --emcrg-radius-lg:    12px;
   --emcrg-border:       1px solid #e5e7eb;
   --emcrg-shadow-sm:    0 1px 3px rgba(0,0,0,.06);
 }
 
 /* ── Shared buttons ─────────────────────────────────────────────────────────── */
 
 .emcrg-btn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 8px 18px;
   border-radius: 99px;
   font-size: 14px;
   font-weight: 500;
   text-decoration: none;
   cursor: pointer;
   border: none;
   white-space: nowrap;
   transition: opacity .15s;
 }
 .emcrg-btn:hover { opacity: .85; }
 
 .emcrg-btn-primary {
   background: var(--emcrg-accent);
   color: #fff;
 }
 .emcrg-btn-secondary {
   background: transparent;
   color: #374151;
   border: 1px solid #d1d5db;
 }
 .emcrg-btn-lg  { padding: 10px 22px; font-size: 15px; }
 .emcrg-btn-full { width: 100%; justify-content: center; margin-top: 12px; }
 
 /* ── Shared badges ──────────────────────────────────────────────────────────── */
 
 .emcrg-badge {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   padding: 3px 10px;
   border-radius: 99px;
   white-space: nowrap;
 }
 .emcrg-badge-cat     { background: var(--emcrg-accent-light); color: var(--emcrg-accent-text); }
 .emcrg-badge-free    { background: var(--emcrg-accent-light); color: var(--emcrg-accent-text); }
 .emcrg-badge-access  { background: #f3f4f6; color: #374151; border: 1px solid #e5e7eb; }
 .emcrg-badge-spanish { background: #fef9ec; color: #92400e; }
 
 /* ── Shared search bar ──────────────────────────────────────────────────────── */
 
 .emcrg-search-form {
   display: flex;
   align-items: center;
   gap: 8px;
   width: 100%;
   max-width: 540px;
   position: relative;
 }
 .emcrg-search-input {
   flex: 1;
   padding: 13px 20px;
   border-radius: 99px;
   border: 1.5px solid #d1d5db;
   font-size: 15px;
   outline: none;
   transition: border-color .15s;
 }
 .emcrg-search-input:focus { border-color: var(--emcrg-accent); }
 .emcrg-search-btn {
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 22px;
   background: var(--emcrg-accent);
   color: #fff;
   border: none;
   border-radius: 99px;
   font-size: 15px;
   font-weight: 500;
   cursor: pointer;
   transition: opacity .15s;
 }
 .emcrg-search-btn:hover { opacity: .88; }
 .emcrg-search-hint {
   font-size: 13px;
   color: #9ca3af;
   margin-top: 8px;
 }
 
 /* ── County badge / breadcrumb ──────────────────────────────────────────────── */
 
 .emcrg-county-badge {
   display: inline-block;
   font-size: 12px;
   font-weight: 600;
   letter-spacing: .04em;
   padding: 4px 14px;
   border-radius: 99px;
   background: var(--emcrg-accent-light);
   color: var(--emcrg-accent-text);
   margin-bottom: 18px;
 }
 .emcrg-breadcrumb {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 4px;
   font-size: 13px;
   color: #6b7280;
   padding: 12px 0;
 }
 .emcrg-breadcrumb a { color: #6b7280; text-decoration: none; }
 .emcrg-breadcrumb a:hover { color: var(--emcrg-accent); }
 .emcrg-breadcrumb .ti { font-size: 12px; }
 
 /* ── Org card (archive, category, search results) ────────────────────────────── */
 
 .emcrg-org-card {
   background: #fff;
   border: 1px solid #e5e7eb;
   border-radius: var(--emcrg-radius-lg);
   padding: 16px 20px;
   margin-bottom: 12px;
   transition: border-color .15s, box-shadow .15s;
 }
 .emcrg-org-card:hover {
   border-color: #d1d5db;
   box-shadow: var(--emcrg-shadow-sm);
 }
 .emcrg-org-card-top {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   gap: 10px;
   margin-bottom: 8px;
   flex-wrap: wrap;
 }
 .emcrg-org-card-name {
   font-size: 16px;
   font-weight: 600;
 }
 .emcrg-org-card-name a {
   color: #111827;
   text-decoration: none;
 }
 .emcrg-org-card-name a:hover { color: var(--emcrg-accent); }
 
 .emcrg-org-card-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-bottom: 12px;
 }
 .emcrg-meta-item {
   display: flex;
   align-items: center;
   gap: 5px;
   font-size: 13px;
   color: #6b7280;
 }
 .emcrg-meta-item .ti { font-size: 15px; }
 
 .emcrg-org-card-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
 }
 
 /* AI match reason row */
 .emcrg-ai-reason {
   display: flex;
   align-items: flex-start;
   gap: 8px;
   font-size: 13px;
   color: var(--emcrg-accent-text);
   background: var(--emcrg-accent-light);
   border-radius: var(--emcrg-radius);
   padding: 8px 12px;
   margin-bottom: 10px;
   line-height: 1.5;
 }
 .emcrg-ai-reason .ti { margin-top: 1px; flex-shrink: 0; font-size: 14px; }
 
 /* ── Homepage ────────────────────────────────────────────────────────────────── */
 
 .emcrg-home { max-width: 760px; margin: 0 auto; }
 
 .emcrg-hero {
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   padding: 56px 24px 36px;
 }
 .emcrg-hero-headline {
   font-size: 34px;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 12px;
 }
 .emcrg-hero-intro {
   font-size: 16px;
   color: #4b5563;
   max-width: 460px;
   line-height: 1.6;
   margin-bottom: 32px;
 }
 .emcrg-search-wrap {
   width: 100%;
   max-width: 540px;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-bottom: 40px;
 }
 .emcrg-browse-label {
   font-size: 12px;
   color: #9ca3af;
   letter-spacing: .07em;
   text-transform: uppercase;
   margin-bottom: 18px;
 }
 
 .emcrg-category-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 10px;
   padding: 0 24px;
   max-width: 720px;
   margin: 0 auto 40px;
 }
 .emcrg-cat-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
   padding: 16px 10px 14px;
   background: #f9fafb;
   border: 1px solid #e5e7eb;
   border-radius: var(--emcrg-radius-lg);
   text-decoration: none;
   color: #374151;
   font-size: 13px;
   text-align: center;
   line-height: 1.3;
   transition: background .12s, border-color .12s;
 }
 .emcrg-cat-card .ti {
   font-size: 24px;
   color: var(--emcrg-accent);
 }
 .emcrg-cat-card:hover {
   background: #fff;
   border-color: #d1d5db;
 }
 
 .emcrg-home-footer {
   border-top: 1px solid #e5e7eb;
   padding: 14px 24px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 8px;
 }
 .emcrg-org-count { font-size: 13px; color: #9ca3af; }
 .emcrg-submit-link { font-size: 13px; color: #6b7280; text-decoration: none; }
 .emcrg-submit-link:hover { color: var(--emcrg-accent); }
 
 /* ── Directory archive / search results layout ──────────────────────────────── */
 
 .emcrg-directory-wrap { max-width: 800px; margin: 0 auto; }
 
 .emcrg-search-bar-row {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 12px;
   padding: 14px 24px;
   border-bottom: 1px solid #e5e7eb;
   position: sticky;
   top: 0;
   background: #fff;
   z-index: 10;
 }
 .emcrg-query-echo { font-size: 13px; color: #6b7280; }
 .emcrg-query-echo strong { color: #111827; font-weight: 600; }
 
 .emcrg-directory-layout {
   display: grid;
   grid-template-columns: 1fr 220px;
   gap: 24px;
   padding: 24px;
   align-items: start;
 }
 .emcrg-results-main { min-width: 0; }
 
 .emcrg-results-count { font-size: 14px; color: #6b7280; margin-bottom: 16px; }
 .emcrg-results-count strong { color: #111827; }
 .emcrg-section-divider {
   font-size: 13px;
   font-weight: 600;
   color: #6b7280;
   padding: 14px 0 10px;
   border-bottom: 1px solid #e5e7eb;
   margin-bottom: 14px;
 }
 .emcrg-loading { font-size: 14px; color: #9ca3af; padding: 24px 0; }
 
 /* Category sidebar */
 .emcrg-category-sidebar { min-width: 0; }
 .emcrg-sidebar-label {
   font-size: 11px;
   color: #9ca3af;
   letter-spacing: .07em;
   text-transform: uppercase;
   margin-bottom: 10px;
 }
 .emcrg-sidebar-cat {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 8px 0;
   border-bottom: 1px solid #f3f4f6;
   font-size: 13px;
   color: #6b7280;
   text-decoration: none;
   transition: color .12s;
 }
 .emcrg-sidebar-cat:last-child { border-bottom: none; }
 .emcrg-sidebar-cat .ti { font-size: 15px; color: var(--emcrg-accent); }
 .emcrg-sidebar-cat:hover { color: var(--emcrg-accent); }
 .emcrg-sidebar-cat--active { color: var(--emcrg-accent); font-weight: 600; }
 
 /* ── Empty state ────────────────────────────────────────────────────────────── */
 
 .emcrg-empty-state { padding: 32px 0; text-align: center; }
 .emcrg-empty-title {
   font-size: 16px;
   font-weight: 600;
   color: #111827;
   margin-bottom: 8px;
 }
 .emcrg-empty-body {
   font-size: 14px;
   color: #6b7280;
   margin-bottom: 28px;
   line-height: 1.6;
 }
 .emcrg-empty-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 8px;
   max-width: 480px;
   margin: 0 auto;
   text-align: center;
 }
 .emcrg-empty-cat {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 14px 8px;
   background: #f9fafb;
   border: 1px solid #e5e7eb;
   border-radius: var(--emcrg-radius-lg);
   font-size: 12px;
   color: #6b7280;
   text-decoration: none;
   transition: background .12s;
 }
 .emcrg-empty-cat .ti { font-size: 20px; color: var(--emcrg-accent); }
 .emcrg-empty-cat:hover { background: #fff; }
 
 /* ── Category header ────────────────────────────────────────────────────────── */
 
 .emcrg-category-wrap { max-width: 800px; margin: 0 auto; }
 .emcrg-category-header {
   background: var(--emcrg-accent-light);
   padding: 28px 24px 20px;
   border-bottom: 1px solid #e5e7eb;
 }
 .emcrg-category-header-inner {
   display: flex;
   align-items: flex-start;
   gap: 16px;
   max-width: 720px;
 }
 .emcrg-category-icon .ti {
   font-size: 36px;
   color: var(--emcrg-accent);
   display: block;
   margin-top: 4px;
 }
 .emcrg-category-title {
   font-size: 26px;
   font-weight: 700;
   margin: 4px 0 6px;
   color: #111827;
 }
 .emcrg-category-meta { font-size: 14px; color: #6b7280; }
 .emcrg-category-meta strong { color: #374151; }
 
 /* ── Single org page ────────────────────────────────────────────────────────── */
 
 .emcrg-single-wrap {
   max-width: 800px;
   margin: 0 auto;
   padding: 0 24px 48px;
 }
 .emcrg-single-layout {
   display: grid;
   grid-template-columns: 1fr 240px;
   gap: 32px;
   align-items: start;
 }
 .emcrg-single-main { min-width: 0; }
 
 /* Org header */
 .emcrg-org-header {
   padding-bottom: 20px;
   border-bottom: 1px solid #e5e7eb;
   margin-bottom: 28px;
 }
 .emcrg-org-logo-row {
   display: flex;
   align-items: center;
   gap: 14px;
   margin-bottom: 12px;
 }
 .emcrg-org-logo {
   width: 56px;
   height: 56px;
   border-radius: var(--emcrg-radius);
   border: 1px solid #e5e7eb;
   object-fit: cover;
   flex-shrink: 0;
 }
 .emcrg-org-logo--placeholder {
   background: #f3f4f6;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .emcrg-org-name {
   font-size: 22px;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 4px;
   color: #111827;
 }
 .emcrg-org-tagline { font-size: 14px; color: #6b7280; }
 .emcrg-badge-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
 .emcrg-action-strip { display: flex; flex-wrap: wrap; gap: 10px; }
 
 /* Sections */
 .emcrg-single-section { margin-bottom: 28px; }
 .emcrg-section-title {
   font-size: 11px;
   font-weight: 600;
   letter-spacing: .07em;
   text-transform: uppercase;
   color: #9ca3af;
   padding-bottom: 8px;
   border-bottom: 1px solid #f3f4f6;
   margin-bottom: 14px;
 }
 .emcrg-body-text {
   font-size: 15px;
   color: #374151;
   line-height: 1.7;
 }
 
 /* Highlight boxes */
 .emcrg-highlight-box {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   background: #f9fafb;
   border-radius: var(--emcrg-radius);
   padding: 14px 16px;
   margin-bottom: 10px;
 }
 .emcrg-highlight-icon {
   font-size: 20px;
   color: var(--emcrg-accent);
   margin-top: 1px;
   flex-shrink: 0;
 }
 .emcrg-highlight-box strong {
   display: block;
   font-size: 13px;
   font-weight: 600;
   margin-bottom: 3px;
   color: #111827;
 }
 .emcrg-highlight-box p { font-size: 14px; color: #374151; margin: 0; line-height: 1.5; }
 
 /* Spanish block */
 .emcrg-spanish-block {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   background: #fef9ec;
   border: 1px solid #fde68a;
   border-radius: var(--emcrg-radius);
   padding: 14px 16px;
 }
 .emcrg-spanish-icon { font-size: 18px; color: #92400e; margin-top: 2px; flex-shrink: 0; }
 .emcrg-spanish-block p { font-size: 14px; color: #92400e; margin: 0 0 4px; line-height: 1.5; }
 .emcrg-spanish-block p:last-child { margin-bottom: 0; }
 
 /* Community/get involved row */
 .emcrg-community-row { display: flex; gap: 12px; flex-wrap: wrap; }
 .emcrg-community-card {
   flex: 1;
   min-width: 180px;
   background: #f9fafb;
   border-radius: var(--emcrg-radius);
   padding: 14px;
 }
 .emcrg-community-label {
   font-size: 11px;
   font-weight: 600;
   letter-spacing: .06em;
   text-transform: uppercase;
   color: #9ca3af;
   margin-bottom: 6px;
 }
 .emcrg-community-value { font-size: 14px; color: #374151; line-height: 1.5; }
 
 /* Single org sidebar */
 .emcrg-single-sidebar { min-width: 0; }
 .emcrg-sidebar-card {
   background: #f9fafb;
   border-radius: var(--emcrg-radius-lg);
   padding: 16px;
   margin-bottom: 16px;
 }
 .emcrg-sidebar-card-label {
   font-size: 11px;
   font-weight: 600;
   letter-spacing: .07em;
   text-transform: uppercase;
   color: #9ca3af;
   margin-bottom: 12px;
 }
 .emcrg-sidebar-item {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   padding: 8px 0;
   border-bottom: 1px solid #e5e7eb;
   font-size: 14px;
   color: #374151;
 }
 .emcrg-sidebar-item:last-of-type { border-bottom: none; }
 .emcrg-sidebar-item .ti { font-size: 16px; color: var(--emcrg-accent); margin-top: 1px; flex-shrink: 0; }
 .emcrg-sidebar-item a { color: var(--emcrg-accent); text-decoration: none; word-break: break-word; }
 .emcrg-sidebar-item a:hover { text-decoration: underline; }
 .emcrg-sidebar-sublabel { display: block; font-size: 11px; color: #9ca3af; margin-top: 2px; }
 .emcrg-sidebar-item--address { align-items: flex-start; }
 
 /* ── Responsive ─────────────────────────────────────────────────────────────── */
 
 @media ( max-width: 640px ) {
   .emcrg-hero { padding: 36px 16px 24px; }
   .emcrg-hero-headline { font-size: 26px; }
   .emcrg-category-grid { grid-template-columns: repeat(3, 1fr); padding: 0 16px; }
 
   .emcrg-directory-layout { grid-template-columns: 1fr; padding: 16px; }
   .emcrg-category-sidebar { display: none; } /* Hidden on mobile — accessible via home page grid */
 
   .emcrg-single-layout { grid-template-columns: 1fr; }
   .emcrg-single-sidebar { order: -1; } /* Contact info above content on mobile */
 
   .emcrg-empty-grid { grid-template-columns: repeat(2, 1fr); }
 
   .emcrg-search-bar-row { flex-direction: column; align-items: stretch; }
   .emcrg-search-form { max-width: 100%; }
 }
 
 /* ── PATCH 1: Search input — white background + stronger border ─────────────── */
 
 .emcrg-search-input {
   background: #ffffff !important;
   border: 2px solid #d1d5db !important;
   box-shadow: 0 1px 4px rgba(0,0,0,.08);
 }
 .emcrg-search-input:focus {
   border-color: var(--emcrg-accent) !important;
   box-shadow: 0 0 0 3px rgba(31,77,44,.12);
 }
 
 /* ── PATCH 2: Category cards — fixed height + centered content ──────────────── */
 
 .emcrg-cat-card {
   min-height: 90px;
   justify-content: center;
   text-align: center;
 }
 
 /* ── PATCH 3: Tabler icon fallback — pin to stable version ─────────────────── */
 /* If icons still don't appear, the @3.x CDN selector may be resolving wrong.  */
 /* This forces a known-good version. Replace the enqueue in functions.php with: */
 /*                                                                               */
 /* wp_enqueue_style(                                                             */
 /*   'tabler-icons',                                                             */
 /*   'https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.19.0/dist/tabler-icons.min.css', */
 /*   [], null                                                                    */
 /* );                                                                            */
 
 /* Ensure icon elements display correctly regardless of CDN version */
 .ti {
   font-style: normal;
   font-variant: normal;
   text-rendering: auto;
   line-height: 1;
   display: inline-block;
 }
 
 .emcrg-cat-card .ti {
   font-size: 26px;
   color: var(--emcrg-accent);
   display: block;
   margin-bottom: 2px;
   min-height: 26px; /* reserve space even if icon doesn't load */
 }
 
 /* ── Full-width search bar on directory archive ──────────────────────────── */
 
 .emcrg-search-bar-row {
   margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
   padding-left: calc(50vw - 50% + 24px);
   padding-right: calc(50vw - 50% + 24px);
 }
 
 /* ── Archive page: full width results, no sidebar ───────────────────────── */
 
 .emcrg-directory-layout {
   grid-template-columns: 1fr;
 }
 
 .emcrg-category-sidebar {
   display: none;
 }