/*
Theme Name: Compado
Theme URI: https://wordpress.org/themes/compado/
Author: Jannik Poschen
Author URI: https://filgood.no
Description: Theme for Compado
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: compado
*/

/*
 * Trimmed 2026-09-07 — this file used to carry ~1250 lines inherited from a
 * Nordic VPN-comparison site (vpnportalen): VPN ranking tables, leaderboard
 * styling, popups/disclaimer overlays, per-brand VPN buttons, Norwegian UI
 * strings, and 5 weights of a 'Mulish' font used only by the old logo markup.
 * None of it applied to any live Compado content — confirmed by cross-
 * referencing every selector here against the 93 live pages (all render via
 * template-blank.php, whose only external class dependency is `.app`) and
 * against 404.php (the one other template still in real, public use, which
 * needs `.main-title`, `.text-center`, and the 'Open Sans' @font-face for its
 * error message). Everything else has been removed rather than left dormant.
 *
 * If a future page ever needs a class that used to live here, it wasn't
 * dropped by accident — it just isn't needed by anything Compado currently
 * renders. Compado's own pages are self-contained wp:html blocks with their
 * own scoped <style> tags and don't rely on this stylesheet at all.
 */

@font-face {
    font-family: 'Open Sans';
    src: url('./assets/fonts/OpenSans-SemiBold.woff2');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

b *,
strong * {
    font-weight: 700;
}

html,
body {
    height: 100%;
    width: 100vw;
    margin: 0;
}

body {
    overflow-x: hidden;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #fff;
}

/* Used directly by template-blank.php's own markup (<div class="app">),
   which wraps every live Compado page. */
.app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app > .container-fluid {
    flex: 1 1 auto;
}

footer {
    width: 100%;
    max-width: 100%;
    margin-top: auto;
}

strong {
    font-weight: 700;
}

figure {
    margin: 0;
}

h1 {
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 5px 0;
    padding: 5px 0;
}

p,
li {
    font-weight: 400;
}

a {
    padding: 0;
    margin: 0;
    color: inherit;
}

p {
    margin: 0 0 15px;
    line-height: 1.67em;
}

li {
    margin-bottom: 10px;
    line-height: 1.67em;
}

ol li {
    list-style: decimal !important;
}

hr {
    border: 0.5px solid lightgray;
}

/* Used by 404.php's <h1 class="main-title text-center"> */
.main-title {
    color: #00273d;
    font-weight: 800;
    margin-bottom: 8px;
    font-size: 38px;
    font-family: "Open Sans";
}

.text-center {
    text-align: center;
}

@media only screen and (max-width: 950px) {
    .main-title {
        font-size: 30px;
    }
}

@media only screen and (max-width: 420px) {
    .main-title {
        white-space: normal;
    }
}