:root{
    --rouge:#ca3521;
}
*{
font-family: "Inter",system-ui, -apple-system, sans-serif;

  line-height: 1.6;
  letter-spacing: -0.01em;
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
  -webkit-font-smoothing: antialiased;
}

html,body{
    margin:0;
    padding:0;
}
.customFont{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
}
.logo{
    height: 50px;
}
#app{
    min-height: 100dvh;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header"
    "content"
    "footer";
}

header{
    grid-area: header;
}

#_content{
    grid-area: content;
}

footer{
    grid-area: footer;
    background-color: #000000;
    color:#FFFFFF;
}

footer h3, footer p, footer h2{
    margin:0;
}

footer p{
    font-size: 0.875rem;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6, p { 
    margin: 0;   
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

a.btn:hover{
    text-decoration: none;
}

.nav-link{
    color:#FFFFFF;
}
.nav-link:hover{
    color:var(--rouge);
}
.nav-link.activated{
    font-weight: bold;
    color:var(--rouge);
}

.pagination {
    --bs-pagination-color: var(--bs-dark);
    --bs-pagination-border-color: var(--bs-dark); 

    --bs-pagination-active-bg: var(--bs-danger);
    --bs-pagination-active-border-color: var(--bs-danger);
    --bs-pagination-active-color: #fff;

    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: var(--bs-danger);
    --bs-pagination-hover-border-color: var(--bs-danger);

    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.customBtn{
    border-radius: 0px;
    font-size: 0.875rem;
}
[x-cloak]{
    display: none !important;
}

.articleTitle::first-letter{
    text-transform: uppercase;
}
.magazineTitle::first-letter{
    text-transform: uppercase;
}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover,
a[href^="tel"]:active {
    color: inherit;
    text-decoration: none;
}

h1 { font-size: 2.5rem;  font-weight: 700; letter-spacing: -0.03em;  line-height: 1.1; }
h2 { font-size: 1.875rem; font-weight: 600; letter-spacing: -0.025em; line-height: 1.2; }
h3 { font-size: 1.25rem;  font-weight: 600; letter-spacing: -0.02em;  line-height: 1.3; }

small, .meta { font-size: 0.8125rem; letter-spacing: 0.01em; line-height: 1.45; }