/*
Theme Name: OrbitBrief
Theme URI: https://hostinger.com/
Author: OrbitBrief
Description: Custom WordPress Theme based on Hostinger Horizons design.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orbitbrief
*/

/* =========================================================
   Smooth Scroll
   ========================================================= */
html {
    scroll-behavior: smooth;
}

/* =========================================================
   Global Rounded Media — smooth corners on all embeds
   ========================================================= */

/* Native elements */
img,
video,
audio,
iframe,
embed,
object {
    border-radius: 12px;
    overflow: hidden;
}

/* WordPress oEmbed & block wrappers */
.wp-block-embed,
.wp-block-embed__wrapper,
.wp-block-embed__wrapper iframe,
.wp-block-image img,
.wp-block-image figure,
.wp-block-video video,
.wp-block-cover,
.wp-block-cover img,
.wp-block-media-text img,
.wp-block-media-text video,
.wp-block-gallery img,
.entry-content img,
.entry-content video,
.entry-content iframe,
.entry-content embed,
.entry-content object,
.post-thumbnail img,
.post-thumbnail,
.wp-post-image {
    border-radius: 12px;
    overflow: hidden;
}

/* YouTube / Vimeo responsive wrappers */
.wp-block-embed__wrapper {
    border-radius: 12px;
    overflow: hidden;
}

/* Gutenberg figure wrappers */
figure img,
figure video,
figure iframe {
    border-radius: 12px;
    overflow: hidden;
}

/* Article featured images (used in card grid) */
article img {
    border-radius: 12px;
}

/* Prevent inner radius conflict — top images that sit flush in card */
.rounded-\[20px\] img,
.rounded-xl img,
.rounded-lg img {
    border-radius: inherit;
}

/* =========================================================
   Category Pill Hover / Active States
   ========================================================= */
.category-btn {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover for Inactive Category Pill - Turns Dark Navy with White Text and Scales Up */
.category-btn:not(.active):hover {
    transform: scale(1.1) !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.15), 0 4px 6px -2px rgba(15, 23, 42, 0.05) !important;
}

/* Active Category Pill Base State */
.category-btn.active {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
    box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.1) !important;
}

/* Active Category Pill Hover - Stays Dark Navy with White Text and Scales Up */
.category-btn.active:hover {
    background-color: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
    transform: scale(1.1) !important;
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.2), 0 10px 10px -5px rgba(15, 23, 42, 0.08) !important;
}