/*
Theme Name: Burros ACF
Theme URI: https://burroverde.pt
Author: Burro Verde Team
Description: A modern, user-friendly theme for Burro Verde with Advanced Custom Fields integration. Built for easy content editing while preserving the original design.
Version: 2.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: burros-acf
*/

/* Tailwind CSS Variables mapped to WP */
:root {
    --foreground: hsl(48, 52%, 73%);
    --background: hsl(133, 17%, 59%);
    --card: hsl(26, 14%, 50%);
    --default: hsl(48, 65%, 75%);

    --card-foreground: hsl(48, 52%, 73%);
    --popover: hsl(133, 17%, 59%);
    --popover-foreground: hsl(26, 14%, 50%);

    --primary: hsl(48, 52%, 73%);
    --primary-foreground: hsl(133, 17%, 59%);
    --secondary: hsl(26, 14%, 50%);
    --secondary-foreground: hsl(48, 52%, 73%);

    --muted: hsl(133, 17%, 59%);
    --muted-foreground: hsl(26, 14%, 50%);

    --accent: hsl(48, 52%, 73%);
    --accent-foreground: hsl(133, 17%, 59%);

    --destructive: hsl(0, 50%, 50%);
    --destructive-foreground: hsl(48, 52%, 73%);

    --border: hsl(26, 14%, 50%);
    --input: hsl(48, 52%, 73%);
    --ring: hsl(145, 20%, 40%);
    --radius: 0.5rem;
}

body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--wp--preset--font-family--sans);
}

a {
    text-decoration: none;
}

.bolderline {
    position: relative;
    display: inline-block;
    z-index: 1;
    padding-right: 0.8rem;
}

.bolderline:after {
    content: "";
    position: absolute;
    bottom: -0.375rem;
    left: 2%;
    z-index: -10;
    height: 50%;
    width: 100%;
    transform: skewX(-12deg);
    background-color: var(--background);
    opacity: 0.8;
}

.full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.squircle-mask {
    mask-image: url(assets/squircle-video.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
}