/* ofac-fixes.css
   Hugo migration fixes — loaded last to override Drupal artifacts.
   This file replaces inline <style> blocks that were embedded in
   49 content pages scraped from the live Drupal site. */

/* Accordion buttons — navy blue with white text (sanctions programs pages only) */
.ofac-blue-accordions .usa-accordion__button {
    background-color: #005ea2;
    color: #fff;
}

.ofac-blue-accordions .usa-accordion__button:hover {
    background-color: #2581fa;
    color: #fff;
}

.ofac-blue-accordions .usa-accordion__button::after {
    background-color: #fff;
}

/* White plus/minus icons for blue accordions (overrides USWDS black add.svg/remove.svg) */
.ofac-blue-accordions .usa-accordion__button[aria-expanded="false"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent);
}

.ofac-blue-accordions .usa-accordion__button[aria-expanded="true"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent);
}

/* AddToAny share buttons — tighten icon spacing */
.addtoany_list > a {
    padding: 0 2px;
}

/* Contact page: card hover and layout (scoped to .ofac-contact-cards on contact page content) */
.ofac-contact-cards .usa-card__container {
    border-radius: 0;
}

.ofac-contact-cards .usa-card__container:hover {
    transform: scale(1.05, 1.05);
}

.ofac-contact-cards .usa-card__img {
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Contact page: accent card title centering and table borders */
.usa-card-group .treas-accent-card {
    background-position: 10% 50%;
    background-size: 200% auto;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 1.5rem;
}

.usa-card-group .treas-accent-card--primary .treas-accent-card--title {
    font-size: 2.20rem;
}

.usa-card-group .treas-accent-card--gold .treas-accent-card--title {
    font-size: 1.70rem;
}

.usa-card-group table,
.usa-card-group th,
.usa-card-group td {
    border: none;
    vertical-align: top;
}

/* Video embed responsive container */
.field--name-field-media-oembed-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}

.media-oembed-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* Drupal core views responsive grid — missing from migration CSS files.
   Source: Drupal core/modules/views/css/views.responsive-grid.css */
.views-view-responsive-grid {
    --views-responsive-grid--layout-gap: 10px;
    --views-responsive-grid--column-count: 4;
    --views-responsive-grid--cell-min-width: 100px;
}

.views-view-responsive-grid--horizontal {
    --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
    --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count) * var(--views-responsive-grid--layout-gap));
    --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
    --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
    gap: var(--views-responsive-grid--layout-gap);
}

/* File Finder intro paragraph — override USWDS 68ex prose cap to match Drupal */
.usa-prose > p.file-finder-intro {
    max-width: 100%;
}

/* PDF icon for media download links — matches Drupal's original selector */
a[title$=".pdf"] {
    padding-right: 20px;
    background-image: url("/themes/custom/ofac/images/icons/pdf.gif");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

/* Print styles — hide site chrome when printing FAQ topic pages */
@media print {
    .usa-banner,
    .treas-mini-banner,
    .treas-header,
    .ofac-header,
    nav,
    .region-highlighted,
    aside,
    footer,
    .breadcrumb,
    #block-faqsearchblock,
    .print-button {
        display: none !important;
    }
    .region-content {
        width: 100% !important;
        max-width: 100% !important;
    }
}