/**
 * Tovan.se Archive - Custom Styles
 *
 * This file contains all customizations for the Tovan tycker archive.
 * Loaded after the Hemingway theme CSS.
 */

/* ==========================================================================
   Accent Color (#CC0000)
   ========================================================================== */

::selection { background-color: #CC0000; }
.featured-media .sticky-post { background-color: #CC0000; }
fieldset legend { background-color: #CC0000; }
:root .has-accent-background-color { background-color: #CC0000; }

button:hover,
.button:hover,
.faux-button:hover,
a.more-link:hover,
.wp-block-button__link:hover,
.is-style-outline .wp-block-button__link.has-accent-color:hover,
.wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.post-tags a:hover,
.content #respond input[type="submit"]:hover,
.search-form .search-submit,
.sidebar .tagcloud a:hover,
.footer .tagcloud a:hover {
    background-color: #CC0000;
}

.is-style-outline .wp-block-button__link.has-accent-color:hover {
    border-color: #CC0000;
}

.post-tags a:hover:after {
    border-right-color: #CC0000;
}

a,
.blog-title a:hover,
.blog-menu a:hover,
.post-title a:hover,
.post-meta a:hover,
.blog .format-quote blockquote cite a:hover,
:root .has-accent-color,
.post-categories a,
.post-categories a:hover,
.post-nav a:hover,
.archive-nav a:hover,
.comment-meta-content cite a:hover,
.comment-meta-content p a:hover,
.comment-actions a:hover,
#cancel-comment-reply-link,
#cancel-comment-reply-link:hover,
.widget-title a,
.widget-title a:hover,
.widget_text a,
.widget_text a:hover,
.widget_rss a,
.widget_rss a:hover,
.widget_archive a,
.widget_archive a:hover,
.widget_meta a,
.widget_meta a:hover,
.widget_recent_comments a,
.widget_recent_comments a:hover,
.widget_pages a,
.widget_pages a:hover,
.widget_links a,
.widget_links a:hover,
.widget_recent_entries a,
.widget_recent_entries a:hover,
.widget_categories a,
.widget_categories a:hover,
#wp-calendar a,
#wp-calendar a:hover,
#wp-calendar tfoot a:hover,
.wp-calendar-nav a:hover,
.widgetmore a,
.widgetmore a:hover {
    color: #CC0000;
}

/* ==========================================================================
   Navigation Layout
   ========================================================================== */

.navigation-inner.section-inner.group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-menu {
    flex-shrink: 0;
}

.social-icons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto !important;
    flex-shrink: 0;
}

.social-icons a {
    display: inline-block;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.social-icons a:hover {
    opacity: 1;
}

/* Hide mobile toggle and search on desktop */
.toggle-container,
.blog-search {
    display: none !important;
}

/* Compact menu */
.navigation .blog-menu,
.navigation .blog-menu li a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Semi-transparent navigation bar */
.navigation.section {
    background: rgba(29, 29, 29, 0.75) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    position: relative;
    z-index: 10;
}

/* ==========================================================================
   Header - All Pages (with SVG illustration)
   ========================================================================== */

.header-cover.section {
    position: relative;
}

.header.section {
    position: relative;
    background-position: left top !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    height: calc(100vw * 0.315) !important; /* SVG: 630/2000 = 31.5% (cropped 10% top) */
    padding: 0 !important;
}

.header-inner.section-inner {
    height: 100%;
}

.blog-info {
    position: absolute;
    top: 3.012vw;
    left: 65.803vw;
    width: 13.87vw;
    text-align: left;
    background: rgba(29, 29, 29, 0.75);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: clamp(10px, 1.5vw, 20px);
    border-radius: 6px;
    box-sizing: border-box;
}

/* ==========================================================================
   Header - Article Pages (single posts)
   ========================================================================== */

/* Header visible on all pages - can scroll up to see it */

/* Article pages only: scroll to navigation on load (via scroll-margin) */
body.single .navigation.section {
    scroll-margin-top: 0;
}

/* ==========================================================================
   Misc
   ========================================================================== */

.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}