/* E-Safe GA Regional News - Frontend styles (unchanged except anchor-compatible tweaks) */
.esafe-ga-news-grid { font-family: var(--font-body, "Newsreader", Georgia, serif); color: var(--color-text, #0f2330); }
#esafe-ga-news-start { position: relative; top: -8px; height: 1px; width: 1px; visibility: hidden; }
.esafe-ga-news-header { margin: 8px 0 12px 0; font-weight: 700; font-size: 22px; color: #1e5476; }

/* Compact toolbar */
.esafe-ga-toolbar { display:flex; align-items:center; gap:8px; margin:0 0 6px 0; }
.esafe-icon { width:34px; height:34px; border:1px solid #d4dee6; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:#fff; text-decoration:none !important; }
.esafe-icon::before { content:''; display:block; width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; opacity:.85; }
.esafe-icon.city::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e5476' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E"); }
.esafe-icon.county::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e5476' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-9 9 9v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.esafe-icon.search::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231e5476' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); }

.esafe-btn.reset { padding:6px 10px; border:1px solid #d4dee6; border-radius:8px; background:#fff; text-decoration:none !important; font-size:13px; }

/* Panels */
.esafe-ga-filter-panels { position:relative; }
.esafe-panel { display:none; position:relative; margin:6px 0; padding:8px; border:1px solid #d4dee6; border-radius:8px; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.esafe-panel.open { display:block; }

.esafe-input { padding:8px 10px; border:1px solid #d4dee6; border-radius:8px; font: inherit; }
.esafe-select { min-width:200px; }
.esafe-search { min-width:240px; }
.esafe-btn { padding:8px 12px; border:1px solid #d4dee6; border-radius:8px; background:#fff; text-decoration:none !important; cursor:pointer; }
.esafe-btn.primary { background:#1e5476; color:#fff; border-color:#1e5476; }

/* Grid */
.esafe-ga-news-grid-inner { display: grid; gap: 16px; grid-template-columns: repeat(var(--esafe-cols, 3), minmax(0, 1fr)); }
.esafe-ga-news-grid[data-cols="1"] .esafe-ga-news-grid-inner { grid-template-columns: 1fr; }
.esafe-ga-news-grid[data-cols="2"] .esafe-ga-news-grid-inner { grid-template-columns: repeat(2, 1fr); }
.esafe-ga-news-grid[data-cols="3"] .esafe-ga-news-grid-inner { grid-template-columns: repeat(3, 1fr); }
.esafe-ga-news-grid[data-cols="4"] .esafe-ga-news-grid-inner { grid-template-columns: repeat(4, 1fr); }

/* Card anchor: kill underlines everywhere */
.esafe-ga-card, .esafe-ga-card:hover, .esafe-ga-card * { text-decoration: none !important; }
.esafe-ga-card { display:block; background:#fff; border:1px solid #d4dee6; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.06); overflow:hidden; color:inherit; transition:transform .12s ease, box-shadow .12s ease; }
.esafe-ga-card:hover { box-shadow:0 6px 16px rgba(0,0,0,.12); transform: translateY(-1px); }

.esafe-ga-image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }

/* Source + host inline */
.esafe-source-inline { padding: 8px 12px 0 12px; color: #54595F; }
.esafe-source-txt { font-weight: 700; }
.esafe-source-sep { padding: 0 4px; }
.esafe-host-txt { font-weight: 400; }

.esafe-ga-location, .esafe-ga-date { padding: 0 12px; color: #54595F; }
.esafe-ga-title { padding: 4px 12px; font-weight: 700; font-size: 19px; color: #000000; }

/* Pagination */
.esafe-ga-pagination { margin-top: 16px; text-align: center; }
.esafe-ga-pagination ul { list-style: none; margin: 0; padding: 0; display: inline-flex; gap: 8px; }
.esafe-ga-pagination a { display:block; padding: 8px 12px; border:1px solid #d4dee6; border-radius:8px; text-decoration:none !important; color:#1e5476; }
.esafe-ga-pagination li.active a { background:#1e5476; color:#fff; }

/* Responsive */
@media (max-width:1280px) { .esafe-ga-news-grid[data-cols="3"] .esafe-ga-news-grid-inner { grid-template-columns: repeat(3, 1fr); } }
@media (max-width:1024px) { .esafe-ga-news-grid[data-cols="3"] .esafe-ga-news-grid-inner { grid-template-columns: repeat(2, 1fr); } }
@media (max-width:768px)  { .esafe-ga-news-grid[data-cols="2"] .esafe-ga-news-grid-inner { grid-template-columns: repeat(2, 1fr); } }
@media (max-width:480px)  { .esafe-ga-news-grid .esafe-ga-news-grid-inner { grid-template-columns: 1fr; } }
