/* resources.css */

/* ── Hero ─────────────────────────────────────────────────────────────────── */
.resources-hero {background:var(--colorSlateBlue); padding:80px 0 60px; border-radius:0 0 50px 50px;}
.rl-hero-content {margin-bottom:100px;}
.rl-hero-eyebrow {text-transform:uppercase; font-size:14px; letter-spacing:.12em; color:rgba(255,255,255,.6); margin-bottom:16px; font-weight:600;}
.rl-hero-title {font-size:clamp(32px,4vw,56px); font-weight:700; color:#fff; line-height:1.1; margin:0;}
.rl-hero-topics {display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.rl-topic-card {background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:24px 20px; text-decoration:none; transition:background .2s ease, transform .2s ease; display:block;}
.rl-topic-card:hover {background:rgba(255,255,255,.14); transform:translateY(-2px);}
.rl-topic-card-inner {display:flex; flex-direction:column; gap:8px;}
.rl-topic-card-dash {font-size:14px; color:rgb(96 136 238); line-height:1;}
.rl-topic-card-title {font-size:24px; font-weight:500; color:#fff; line-height:1.3;}
.rl-topic-card-cta {font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:rgba(255,255,255,.55); margin-top:50px; transition:color .2s ease;}
.rl-topic-card-cta-arrow {display:inline-block; width:20px; height:20px; background:url("https://dataminr.com/wp-content/themes/bigdrop-theme/dist/images/link-arrow-slate.png") no-repeat center center; background-size:contain; vertical-align:middle; margin-left:6px; transition:transform .2s ease;}
.rl-topic-card:hover .rl-topic-card-cta-arrow {transform:translateX(4px);}

/* ── Hero CTA Bar ─────────────────────────────────────────────────────────── */
.rl-hero-cta-bar {display:flex; align-items:center; justify-content:space-between; gap:24px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:24px 28px; margin-top:24px;}
.rl-hero-cta-bar-text {font-size:24px; color:#fff; margin:0;}
.rl-hero-cta-bar-btn {background:#fff; color:var(--colorSlateBlue); font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:14px 24px; border-radius:6px; text-decoration:none; white-space:nowrap; transition:filter .2s ease, transform .2s ease;}
.rl-hero-cta-bar-btn:hover {filter:brightness(1.05); transform:translateY(-1px);}

@media (max-width:768px) {
    .rl-hero-cta-bar {flex-direction:column; align-items:flex-start; gap:16px; padding:20px;}
    .rl-hero-cta-bar-btn {align-self:stretch; text-align:center;}
}

/* ── Featured — Shared ────────────────────────────────────────────────────── */
.resources-featured {padding:60px 0;}
.rl-featured-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px; align-items:start; background:#fff; padding:25px; border-radius:12px;}
.rl-featured-grid--nocards {grid-template-columns:1fr 560px;}
.rl-featured-grid--vertical {grid-template-columns:320px 1fr auto;}
.rl-featured-main {display:flex; flex-direction:column; gap:26px; height: auto;}
.rl-featured-label {font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgb(96 136 238);}
.rl-featured-title {font-size:40px; color:var(--colorSlateBlue); line-height:1.2; margin:0;}
.rl-featured-desc {font-size:18px; line-height:1.7; color:#4b5563; margin:0;}
.rl-featured-cta {display:inline-block; margin-top:auto; padding:16px 26px; background:var(--colorSlateBlue); color:#fff; border-radius:8px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; text-decoration:none; align-self:flex-start; transition:background .2s ease;}
.rl-featured-cta:hover {background:#0d2035; color:#fff;}
.rl-featured-image {border-radius:12px; overflow:hidden; height:440px;}
.rl-featured-image img {width:100%; height:100%; object-fit:cover; display:block;}
.rl-featured-image--large {height:400px;}

/* ── Featured — Normal Stacked Cards ─────────────────────────────────────── */
.rl-featured-stack {display:flex; flex-direction:column; gap:12px; height:440px;}
.rl-stack-card {flex:1; background:var(--colorSlateBlue); border-radius:10px; padding:20px; text-decoration:none; display:flex; flex-direction:column; justify-content:space-between; transition:background .2s ease;}
.rl-stack-card:hover {background:#0d2035;}
.rl-stack-card-label {font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgb(96 136 238); margin-bottom:8px;}
.rl-stack-card-title {font-size:20px; font-weight:600; color:#fff; line-height:1.35; flex:1;}
.rl-stack-card-arrow {display:block; width:28px; height:28px; background:url("https://dataminr.com/wp-content/themes/bigdrop-theme/dist/images/link-arrow-slate.png") no-repeat center center; background-size:contain; margin-top:16px; transition:transform .2s ease; flex-shrink:0;}
.rl-stack-card:hover .rl-stack-card-arrow {transform:translateX(4px);}

/* ── Featured — Vertical Accordion Tabs ──────────────────────────────────── */
.rl-vert-accordion {display:flex; flex-direction:row; gap:8px; height:440px; overflow:hidden;}
.rl-vert-tab {background:#0d1f35; border-radius:14px; overflow:hidden; width:70px; min-width:70px; transition:width .35s cubic-bezier(.4,0,.2,1); cursor:pointer; display:flex; flex-direction:column; flex-shrink:0;}
.rl-vert-tab.is-active {width:280px; min-width:280px;}
.rl-vert-tab-collapsed {display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:20px 16px; height:100%; gap:16px; cursor:pointer;}
.rl-vert-tab.is-active .rl-vert-tab-collapsed {display:none;}
.rl-vert-tab-label {font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#fff; writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap; flex:1;}
.rl-vert-tab-plus {width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.3); color:#fff; font-size:22px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .2s ease;}
.rl-vert-tab-collapsed:hover .rl-vert-tab-plus {background:rgba(255,255,255,.15);}
.rl-vert-tab-expanded {display:none; flex-direction:column; justify-content:flex-start; gap:12px; padding:24px; height:100%;}
.rl-vert-tab.is-active .rl-vert-tab-expanded {display:flex;}
.rl-vert-tab-expanded-top {display:flex; align-items:center; justify-content:space-between; gap:8px;}
.rl-vert-tab-expanded .rl-stack-card-label {font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#6088EE;}
.rl-vert-tab-expanded .rl-stack-card-title {font-size:18px; font-weight:600; color:#fff; line-height:1.35; flex:1;}
.rl-vert-tab-expanded .rl-stack-card-arrow {display:block; width:28px; height:28px; background:url("https://dataminr.com/wp-content/themes/bigdrop-theme/dist/images/link-arrow-slate.png") no-repeat center center; background-size:contain; margin-top:auto; transition:transform .2s ease; text-decoration:none;}
.rl-vert-tab-expanded .rl-stack-card-arrow:hover {transform:translateX(4px);}
.rl-vert-tab-close {width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.3); background:transparent; color:#fff; font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:background .2s ease;}
.rl-vert-tab-close:hover {background:rgba(255,255,255,.15);}

/* ── Listing Layout ───────────────────────────────────────────────────────── */
.rl-listing {background:#f3f4f6; padding:40px 0 80px;}
.rl-listing-layout {display:grid; grid-template-columns:300px 1fr; gap:32px; align-items:start; padding-top:24px;}

/* ── Sidebar — unified with integrations styles ───────────────────────────── */
.rl-listing-sidebar {display:flex; flex-direction:column; gap:30px; position:static; top:90px;}
.rl-search-wrap {display:flex; align-items:center; gap:8px; background:#fff; border-radius:6px; padding:8px 12px; border:1px solid #e5e7eb; overflow:hidden;}
.rl-search-input {flex:1; min-width:0; border:none; background:transparent; outline:none; font-size:16px; color:var(--colorMain);}
.rl-search-input::placeholder {color:#9ca3af;}
.rl-search-wrap svg {color:#404040; flex-shrink:0; width:18px; height:18px;}
.rl-filter-group {display:flex; flex-direction:column; gap:6px;}
.rl-filter-label {font-size:15px; font-weight:700; color:#000000; margin-bottom:2px;}
.rl-filter-tags {display:flex; flex-wrap:wrap; gap:8px;}
.rl-tag {display:inline-flex; background:#70B8B840; color:#2C3240; border:none; border-radius:5px; padding:6px 10px; font-size:14px; font-weight:600; text-transform:none; letter-spacing:.5px; cursor:pointer; transition:background .1s; white-space:normal; line-height:1.5; text-align:left; max-width:100%; -webkit-tap-highlight-color:transparent;}
.rl-tag.is-active {background:#70B8B8; color:#2C3240; outline:none;}
.rl-tag.is-active:hover {background:#70B8B8; outline:none;}
.rl-tag:not(.is-active):hover {background:#70b8b8;}

/* ── Sidebar CTA card ─────────────────────────────────────────────────────── */
.rl-sidebar-cta {background:var(--colorGray); border-radius:12px; padding:28px 28px 0; color:#fff; position:relative; overflow:hidden; margin-top:4px;}
.rl-sidebar-cta-title {font-size:32px; margin-bottom:24px; line-height:1.4; color:#fff;}
.rl-sidebar-cta-btn {background:#fff; color:var(--colorSlateBlue); font-size:14px; padding:14px 16px; border-radius:5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; display:inline-block; text-decoration:none; transition:background .2s ease, color .2s ease;}
.rl-sidebar-cta-btn:hover {filter:brightness(1.1); transform:translateY(-1px); box-shadow:0 8px 24px rgba(10,23,38,.25);}
.rl-sidebar-cta-img {position:relative; z-index:1; margin-top:16px;}
.rl-sidebar-cta-img img {width:100%; display:block;}
.rl-sidebar-cta-deco {position:absolute; bottom:0; left:0; right:0; height:95px; background:repeating-linear-gradient(0deg,transparent,transparent 5px,rgb(112 184 184 / 55%) 5px,rgb(112 184 184 / 63%) 6px);}

/* ── Promo nav cards ──────────────────────────────────────────────────────── */
.rl-promo-card {background:var(--colorSlateBlue); border-radius:10px; padding:20px; display:flex; flex-direction:column; gap:8px;}
.rl-promo-dash {font-size:14px; color:rgb(96 136 238); line-height:1;}
.rl-promo-title {font-size:24px; font-weight:500; color:#fff; line-height:1.3;}
.rl-promo-cta {font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#FFFFFF; text-decoration:none; margin-top:8px; transition:color .2s ease;}
.rl-promo-cta:hover {color:#fff;}
.rl-promo-cta {display:flex; align-items:center; gap:8px;}
.rl-promo-arrow {display:inline-block; transition:transform .2s ease; width: 20px;}
.rl-promo-cta:hover .rl-promo-arrow {transform:translateX(4px);}

/* ── Archive bar ──────────────────────────────────────────────────────────── */
.rl-archive-bar {display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; flex-wrap:wrap; gap:10px; border-top:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3; padding:14px 0;}
.rl-result-count {font-size:22px; font-weight:600; color:#2c3240;}
.rl-sort {display:flex; align-items:center; gap:6px; font-size:16px; color:#2c3240; font-weight:600;}
.rl-sort select {border:1px solid #e5e7eb; border-radius:6px; padding:5px 26px 5px 8px; font-size:12px; appearance:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 8px center #fff; cursor:pointer; font-weight:600;}

/* ── Cards grid ───────────────────────────────────────────────────────────── */
.rl-cards-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.rl-cards-grid.is-loading {opacity:.5; pointer-events:none;}
.rl-card {border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; transition:box-shadow .2s ease, transform .2s ease;}
.rl-card:hover {box-shadow:0 6px 24px rgba(10,23,38,.1); transform:translateY(-2px);}
.rl-card:hover .rl-card-arrow {transform:translateX(4px);}
.rl-card-link {display:flex; flex-direction:column; text-decoration:none; height:100%;}
.rl-card-thumb {height:200px; overflow:hidden; flex-shrink:0;}
.rl-card-thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.rl-card-body {padding:16px; display:flex; flex-direction:column; gap:8px; flex:1; }
.rl-card-label {font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:rgb(96 136 238);}
.rl-card-title {font-size:18px; font-weight:500; color:#111827; line-height:1.4; flex:1;}
.rl-card-arrow {display:block; width:34px; height:34px; background:url("https://www.dataminr.com/wp-content/uploads/2026/07/Group-3.png") no-repeat center center; background-size:contain; margin-top:25px; transition:transform .2s ease;}
.rl-no-results {grid-column:1/-1; text-align:center; color:#6b7280; padding:40px 0; font-size:16px;}

/* ── Load more ────────────────────────────────────────────────────────────── */
.rl-load-more-wrap {text-align:center; margin-top:36px;}
.rl-load-more {background:transparent; border:2px solid #1e293b; color:#1e293b; padding:12px 28px; border-radius:6px; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; cursor:pointer; transition:background .2s ease, color .2s ease;}
.rl-load-more:hover {background:#1e293b; color:#fff;}
.rl-load-more:disabled {opacity:.5; cursor:not-allowed;}

/* ── Press Listing ────────────────────────────────────────────────────────── */
.pl-listing {background:#fff; padding:40px 0 80px;}
.pl-listing-heading {text-align:center; font-size:clamp(28px,3vw,40px); color:var(--colorSlateBlue); margin-bottom:32px;}
.pl-toolbar {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; border-bottom:1px solid #e5e7eb; padding-bottom:20px; margin-bottom:24px;}
.pl-filter-group {display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.pl-filter-label {font-size:16px; font-weight:700; color:#2c3240; letter-spacing:.04em;}
.pl-filter-tags {display:flex; flex-wrap:wrap; gap:8px;}
.pl-search-wrap {max-width:260px; width:100%;}

/* ── Media Queries ────────────────────────────────────────────────────────── */
@media (max-width:1024px) {.rl-hero-topics {grid-template-columns:repeat(2,1fr);} .rl-featured-grid {grid-template-columns:1fr 1fr;} .rl-featured-stack, .rl-vert-accordion {display:none;} .rl-featured-grid--nocards {display: block;} .rl-featured-grid--vertical {grid-template-columns:1fr 1fr;} .rl-listing-layout {grid-template-columns:240px 1fr; gap:24px;} .rl-cards-grid {grid-template-columns:repeat(2,1fr);} .rl-featured-main{height: auto; margin-bottom: 50px;} }
@media (max-width:768px) {.resources-hero {padding:48px 0 40px; border-radius:0 0 24px 24px;} .rl-hero-topics {grid-template-columns:repeat(2,1fr); gap:10px;} .rl-featured-grid, .rl-featured-grid--nocards, .rl-featured-grid--vertical {grid-template-columns:1fr;} .rl-featured-image, .rl-featured-image--large {height:240px;} .rl-listing-layout {grid-template-columns:1fr;} .rl-listing-sidebar {position:static;} .rl-cards-grid {grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px) {.rl-hero-topics {grid-template-columns:1fr 1fr;} .rl-topic-card {padding:16px 14px;} .rl-topic-card-title {font-size:14px;} .rl-cards-grid {grid-template-columns:1fr;}}
/* ── Press Listing ────────────────────────────────────────────────────────── */
@media (max-width:768px) {
    .pl-toolbar {flex-direction:column; align-items:flex-start;}
    .pl-search-wrap {max-width:100%;}
    }
/* ── Hero CTA Bar ─────────────────────────────────────────────────────────── */
@media (max-width:768px) {
    .rl-hero-cta-bar {flex-direction:column; align-items:flex-start; gap:16px; padding:20px;}
    .rl-hero-cta-bar-btn {align-self:stretch; text-align:center;}
}