/*
Theme Name:  MarketOS
Description: saas
Version:     2.10.0
Author:      Fixit E.E.
Author URI:  https://www.fixit.gr
Text Domain: market-os
*/

:root {
    --color-content-primary:   #6a1a8a;
    --color-content-secondary: #00d9ff;
    --color-content-accent:    #e8c947;
    --color-content-bg:        #F5F2FA;
    --fx-hero-gradient: linear-gradient(148deg, #6a1a8a 0%, #300c3e 100%);
    --color-content-text:      #1a1020;
    --fx-font-heading-override: "Commissioner", system-ui, sans-serif;
    --fx-font-body-override: "Inter", system-ui, sans-serif;
}

/* Typography — single source of truth (self-hosted, see assets/typography.css).
   Scoped with the theme body class to override fixit-core's empty --font-* vars
   (emitted inline late in wp_head) without !important. */
body.theme-market-os {
    font-family: var(--fx-font-body-override);
}

body.theme-market-os h1,
body.theme-market-os h2,
body.theme-market-os h3,
body.theme-market-os h4,
body.theme-market-os h5,
body.theme-market-os h6 {
    font-family: var(--fx-font-heading-override);
}

/* Advertising banners (ERES-042) */
.er-ad-wrap {
    margin: 0 auto;
    text-align: center;
}
.er-ad-wrap--homepage,
.er-ad-wrap--home_popular,
.er-ad-wrap--search {
    max-width: 970px;
    margin: 28px auto;
    padding: 0 16px;
}
.er-ad-wrap--search_sidebar {
    margin: 20px 0 0;
}
.er-ad {
    position: relative;
    display: block;
    line-height: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(13, 27, 42, .14);
    transition: transform .25s ease, box-shadow .25s ease;
}
.er-ad:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(13, 27, 42, .22);
}
.er-ad img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}
.er-ad-wrap--search_sidebar .er-ad img {
    border: 1px solid #e5e7eb;
}
/* discreet sponsored disclosure */
.er-ad-label {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    font-family: var(--fx-font-body-override, system-ui, sans-serif);
    font-size: 10px;
    line-height: 1;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(13, 27, 42, .45);
    backdrop-filter: blur(2px);
    padding: 4px 8px;
    border-radius: 999px;
}
