/*
 * OWS Dashboard 3.10.441.0 — public frontend compact corner system.
 *
 * The public site now uses a consistent 4px corner radius for cards,
 * navigation rows, menus, tabs, buttons and form controls. Elements whose
 * meaning is explicitly circular (avatars, icon discs and decorative rings)
 * remain circular.
 */

:root {
    --ows-radius-lg: 4px;
    --ows-radius-md: 4px;
    --ows-radius-sm: 4px;
}

/* OWS homepage and public components. */
html body :is(
    .homepage_about,
    .homepage_about__cta,
    .container_tabs,
    .container_tabs .section_tabs,
    .container_tabs .container_nav .nav_card,
    .container_tabs .container_authors .author_card,
    .container_tabs .container_policy .policy_card,
    .container_tabs .container_images .img_item,
    .ows_articles_tabs__nav,
    .ows_articles_tabs__label,
    .ows_articles_tabs__panels,
    .ows_articles_tabs__item,
    .ows_sidebar_nav_row,
    .ows_sidebar_browse__row,
    .ows_sidebar_browse__archiveContent,
    .ows_sidebar_browse__volumeRow,
    .ows_sidebar_browse__aipContent,
    .ows_journal_card,
    .ows_journal_card__cover,
    .ows_indexing_link,
    .ows_public_header__control,
    .ows_public_header__locale,
    .ows_public_header__userButton,
    .ows_public_header__userLink,
    .ows_public_header__userMenu,
    .ows_public_header__userMenu a,
    .ows_aip_public_badge,
    .footer-call-to-action-button.button
) {
    border-radius: 4px !important;
}

/* Native OJS public controls and content surfaces. */
html body .pkp_structure_page :is(
    button,
    .pkp_button,
    .cmp_button,
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    .obj_article_summary,
    .obj_issue_summary,
    .cmp_notification,
    .cmp_form,
    .pkp_block.block_keyword_cloud a,
    .galleys_links a
) {
    border-radius: 4px !important;
}

/* Keep intentionally circular visual elements circular. */
html body :is(
    .ows_public_header__userAvatar,
    .ows_journal_card__icon,
    .ows_articles_tabs__item .doi::before,
    .container_tabs .nav_card img,
    .container_tabs .author_card img,
    .container_tabs .policy_card img
) {
    border-radius: 50% !important;
}

/* Decorative circles in the hero are geometry, not card corners. */
html body .homepage_about::before,
html body .homepage_about::after,
html body .container_tabs .container_images .img_item::after {
    border-radius: 50% !important;
}