/* ==========================================================================
   AWARD Data Library — Custom CKAN Theme
   Association for Water and Rural Development
   ========================================================================== */

:root {
    --award-teal: #177a98;
    --award-teal-dark: #0d5c72;
    --award-green: #7a9c59;
    --award-dark: #2b2b2b;
    --award-light: #f7f9fa;
    --award-charcoal: #1c2227;
}

/* ---- Top account bar ---- */
.account-masthead {
    background: var(--award-charcoal) !important;
}
.account-masthead .account ul li a {
    color: rgba(255,255,255,.7) !important;
}
.account-masthead .account ul li a:hover {
    color: #fff !important;
}

/* ---- Main navigation bar ---- */
.masthead {
    background: var(--award-teal) !important;
    border-bottom: 3px solid var(--award-teal-dark);
}
.masthead .navigation .nav-pills > li > a {
    color: rgba(255,255,255,.85) !important;
    border-radius: 4px;
    transition: background 0.2s;
}
.masthead .navigation .nav-pills > li.active > a,
.masthead .navigation .nav-pills > li > a:hover,
.masthead .navigation .nav-pills > li > a:focus {
    color: #fff !important;
    background: rgba(255,255,255,.15) !important;
}
.masthead .site-logo img {
    max-height: 42px;
}

/* ---- Hero / Homepage banner ---- */
.hero {
    background: linear-gradient(135deg, #177a98 0%, #0d5c72 60%, #2b2b2b 100%) !important;
    padding: 2.5rem 0 !important;
    min-height: auto !important;
}
.hero .hero-primary h1,
.hero .hero-primary p {
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.hero .hero-primary h1 {
    font-size: 2rem !important;
    font-weight: 700;
}
.hero .hero-primary p {
    font-size: 1rem;
    opacity: 0.92;
    max-width: 680px;
}
.hero .search-form .search-input button.btn {
    background: var(--award-teal) !important;
    border-color: var(--award-teal) !important;
}
.hero .search-form .search-input button.btn:hover {
    background: var(--award-teal-dark) !important;
}

/* ---- Featured image section ---- */
.homepage .module-promotion .featured.media-overlay {
    border-radius: 6px;
    overflow: hidden;
}
.homepage .module-promotion .featured .media-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.homepage .module-promotion .featured .media-heading {
    font-size: 0.85rem;
    padding: 6px 12px;
}

/* ---- Homepage modules ---- */
.homepage .module-heading {
    color: var(--award-dark);
    font-weight: 600;
}
.homepage .module-content .group-list .dataset-content {
    border-left: 3px solid var(--award-teal);
}
.homepage .module-content .box .numbers {
    color: var(--award-teal);
}

/* ---- Primary buttons ---- */
.btn-primary {
    background: var(--award-teal) !important;
    border-color: var(--award-teal) !important;
    border-radius: 4px;
    transition: background 0.2s, box-shadow 0.2s;
}
.btn-primary:hover,
.btn-primary:focus {
    background: var(--award-teal-dark) !important;
    border-color: var(--award-teal-dark) !important;
    box-shadow: 0 2px 8px rgba(23,122,152,.25);
}

/* ---- Links ---- */
a { color: var(--award-teal); }
a:hover { color: var(--award-teal-dark); }

/* ---- Tags / badges ---- */
.tag {
    background: var(--award-teal) !important;
    border-radius: 3px;
}
.tag:hover {
    background: var(--award-teal-dark) !important;
}

/* ---- Dataset listings ---- */
.dataset-heading a {
    color: var(--award-dark);
    font-weight: 600;
}
.dataset-heading a:hover {
    color: var(--award-teal);
}
.dataset-item {
    border-bottom: 1px solid #e8ecef;
    padding: 1rem 0;
}
.dataset-item .dataset-content .notes {
    color: #555;
}

/* ---- Sidebar / Facets ---- */
.module-narrow .nav-item.active a {
    background: var(--award-teal) !important;
    border-color: var(--award-teal) !important;
}
.secondary .module-heading {
    background: var(--award-light);
    border-bottom: 2px solid var(--award-teal);
}

/* ---- Search form ---- */
.search-form .search-input .search-go {
    background: var(--award-teal) !important;
    border-color: var(--award-teal) !important;
}
.search-form .search-input .search-go:hover {
    background: var(--award-teal-dark) !important;
}

/* ---- Tabs ---- */
.nav-tabs > li.active > a {
    border-bottom-color: var(--award-teal) !important;
    color: var(--award-teal) !important;
}

/* ---- Page header ---- */
.page-header {
    border-bottom-color: var(--award-teal) !important;
}
.page-heading {
    color: var(--award-dark);
}

/* ---- Breadcrumbs ---- */
.toolbar .breadcrumb li.active a {
    color: var(--award-teal);
}

/* ---- Forms / stages ---- */
.stages li.active .highlight {
    background: var(--award-teal) !important;
}
.stages li.complete .highlight {
    background: var(--award-green) !important;
}

/* ---- Organization cards ---- */
.organization-list .media-heading a {
    color: var(--award-dark);
    font-weight: 600;
}
.organization-list .media-heading a:hover {
    color: var(--award-teal);
}

/* ---- Group cards ---- */
.group-list .media-heading a {
    color: var(--award-dark);
    font-weight: 600;
}
.group-list .media-heading a:hover {
    color: var(--award-teal);
}
.group-list .dataset-content {
    border-left: 3px solid var(--award-teal);
}

/* ---- Resource format labels ---- */
.label[data-format="csv"],
.label[data-format="CSV"] {
    background: var(--award-green) !important;
}
.label[data-format="json"],
.label[data-format="JSON"] {
    background: #e67e22 !important;
}
.label[data-format="xlsx"],
.label[data-format="XLSX"],
.label[data-format="xls"],
.label[data-format="XLS"] {
    background: #27ae60 !important;
}
.label[data-format="pdf"],
.label[data-format="PDF"] {
    background: #c0392b !important;
}
.label[data-format="shp"],
.label[data-format="SHP"],
.label[data-format="geojson"],
.label[data-format="GeoJSON"] {
    background: #8e44ad !important;
}

/* ---- Footer ---- */
.site-footer {
    background: var(--award-charcoal) !important;
    color: #cfd8dc;
    border-top: 3px solid var(--award-teal);
}
.site-footer a {
    color: #80cbc4 !important;
}
.site-footer a:hover {
    color: #b2dfdb !important;
}

/* ---- Misc polish ---- */
.flash-messages .alert-info {
    background: #e8f4f8;
    border-color: var(--award-teal);
    color: var(--award-dark);
}
.pill {
    background: var(--award-teal);
}
.pagination > .active > a {
    background: var(--award-teal) !important;
    border-color: var(--award-teal) !important;
}
.pagination > li > a:hover {
    color: var(--award-teal);
}

/* ---- Responsive tweaks ---- */
@media (max-width: 767px) {
    .hero .hero-primary h1 {
        font-size: 1.5rem !important;
    }
}