/*
Theme Name: Yeshe Ling 2026
Theme URI: https://yesheling.org
Author: Eduf
Author URI: https://eduf.me
Description: Minimal and sustainable WordPress theme for Yeshe Ling.
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yesheling-theme
*/

/* Reset */
/* Box sizing rules */
*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    --clr-01: #ffffff;
    --clr-02: #e0e0e0;
    --clr-03: #928f8f;
    --clr-04: #686767;
    --clr-05: #333333;
    --clr-main-txt: #333333;
    --clr-links: #3a4088;
    --clr-purple: #3a4088;
    --clr-hovers: #F5C55B;
    --font-main-text: 'Roboto', -apple-system, BlinkMacSystemFont, Helvetica, "Apple Color Emoji", Arial, sans-serif, "Sgoe UI Emoji", "Segoe UI Symbol";
    --font-heads: Cormorant Garamond, serif;
    --font-site-title: Cormorant Garamond, serif;
    --font-titles: font-weight: 700;
    --font-size: clamp(1rem, -0.870rem + 2.35vw, 1.2rem);
    --main-line-height: 1.5;
}

/* Remove default padding */
ul[class],
ol[class] {
    padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

hr {
    border: 1px solid var(--clr-02);
    margin: 0.5rem 0 1rem 0;
}

strong {
    font-weight: 800;
}

/* Set core body defaults */
body {
    background-color: var(--clr-01);
    line-height: var(--main-line-height);
    min-height: 100vh;
    scroll-behavior: smooth;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 4px solid var(--clr-purple);
}

.site-wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    min-height: 100%;
}

@media only screen and (min-width: 750px) {
    .site-wrapper {
        display: grid;
        grid-template-columns: 1fr 3fr;
    }
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
    list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
    text-decoration-skip-ink: auto;
    text-decoration: none;
    color: var(--clr-links);
}

a:visited {
    color: var(--clr-03);
}

.content a:hover,
.content-header a:hover {
    text-decoration: underline;
    color: var(--clr-hovers);
}

/* Make images easier to work with */
img:not(.home-thumb img) {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Forms */
input,
button,
textarea,
select {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

:is(button, input[type="button"], input[type="reset"], input[type="submit"]) {
    background-color: var(--clr-purple);
    color: #fff;
    padding: 1rem;
    border-radius: 0.3rem;
    border: none;

    &:hover {
        background-color: var(--clr-hovers);
    }

    &:active,
    &:focus {
        border-color: var(--clr-hovers);
    }
}

:is(input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea) {
    color: var(--clr-05);
    background-color: var(--clr-01);
    border: 1px solid var(--clr-04);
    border-radius: 0.3rem;
    padding: 0.5rem;
    width: 100%;

    &:focus {
        color: var(--clr-04);
        outline: none;
    }
}

select {
    border: 1px solid var(--clr-03);
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

html {
    background-color: var(--clr-01);
    color: var(--clr-main-txt);
    font-size: var(--font-size);
    line-height: calc(var(--font-size)*1.7);
    font-weight: 400;
    font-family: var(--font-main-text);
}

h1,
h2,
h3,
h4,
h5,
.taxonomy-tytle,
.taxonomy-description,
.post-day,
.destaque-footer,
.footer-wrapper,
.single-excerpt,
.related-posts,
.menu {
    font-family: var(--font-heads);
}

h2 {
    margin-bottom: 0.6rem;
}

/* Header */
.header {
    background-color: var(--clr-01);
    overflow: hidden;
    border-right: 1px solid var(--clr-02);
}

.logo {
    margin: 2rem auto 1rem auto;
}

.site-title {
    display: block;
    text-align: center;
    font-family: var(--font-site-title);
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: -0.030em;
    text-decoration: none;
    margin-bottom: 0.5rem;
}

.site-title a {
    text-decoration: none;
}

.site-title a:hover {
    color: var(--clr-hovers);
}

.site-title a:visited {
    color: var(--clr-links);
}

.bolas,
.bolas2 {
    background-image: url(assets/imgs/bola.svg);
    background-repeat: repeat-x;
    background-position: center;
    height: 1.8rem;
    width: 100%;
    background-color: black;
}

.search {
    width: min(90px, 300px);
    margin-top: 0.5rem;
}

.search input[type="search"] {
    font-size: 0.85rem;
    padding: 0.25rem;
    display: inline;
}

.search input[type="submit"] {
    font-size: 0.9rem;
    padding: 0.5rem;
    display: none;
}

/* Menu header */
.menu {
    display: block;
    background: url(assets/imgs/lamps2.jpg);
    font-size: 1.2rem;
    font-weight: 700;
    height: auto;
}

.menu li {
    padding-left: 2rem;
    padding-bottom: 0.4rem;
}

.menu li:first-child {
    padding-top: 1rem;
}

.menu a {
    color: var(--clr-01);
}

.menu a:hover {
    color: var(--clr-hovers);
}

/* Hero */
.bolas2 {
    display: none;
}

.hero {
    display: none;
}

.herotxt {
    display: none;
}

/* Aside */
.aside {
    font-size: var(--aside-font-size);
    margin: 2rem auto 1rem auto;
}

.aside p,
.aside li {
    line-height: 1.3;
}

.aside ul {
    margin-left: 0;
    padding-left: 0;
}

.aside li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.aside li:not(:last-child) {
    padding-bottom: 0.6rem;
}

.aside h3 {
    letter-spacing: -0.04rem;
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 0;
    line-height: 1;
    margin-top: 1rem;
}

.aside h4 {
    font-size: 1rem;
    letter-spacing: -0.02rem;
    padding: 1.2rem 0 0 0;
}

.aside a {
    color: var(--clr-hovers);
}

.aside a:hover {
    color: #ffffff;
}

.datas {
    color: var(--lt-color-gray-300);
    font-weight: 600;
    line-height: 1.4;
    padding-top: 0.7rem;
}

.seta {
    font-size: 0.9rem;
    line-height: 1.3;
    font-weight: 600;
    margin-top: 1rem;
}

.seta::after {
    content: '\27F6';
    font-size: 0.8rem;
    font-weight: 600;
    display: inline-block;
    color: var(--clr-hovers);
    margin-left: 0.3rem;
}

/* Main content */
.container {
    width: 100%;
    background-color: var(--clr-01);
    margin: 0 auto 0 auto;
    border-right: 1px solid var(--clr-02);
}



/* Lista de posts na home */
.home {
    overflow: hidden;
    width: 92%;
    margin: 2rem auto 0 auto;
}

.post-title {
    font-family: var(--font-site-title);
    color: var(--clr-purple);
    font-size: 2rem;
    margin: 0.3rem 0 0.3rem 0;
    line-height: 1;
}

.home a {
    color: var(--clr-links);
    text-decoration: none;
}

.home a:hover {
    color: var(--clr-hovers);
}

.home p {
    padding: 0 0 1.3rem 0;
}

.post-home {
    margin: 0 0 2.3rem 0;
}

/* Home Thumbs */
.home-thumb-wrapper {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 3fr;
    column-gap: 1rem;
    margin-bottom: 1rem;
}

.home-thumb img {
    border-radius: 2px 10px 2px;
    filter: grayscale(60%);
    width: 100%;
    height: calc(5rem * 16 / 9);
    overflow: hidden;
    object-fit: cover;
    object-position: top;
}

.home-thumb img:hover {
    filter: none;
}

.home-excerpt {
    font-size: 0.9rem;
    margin: 0.8rem 0 0 0;
    padding: 0;
    line-height: 1.3;
}

.home-excerpt::after {
    content: '\27F6';
    color: var(--clr-hovers);
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
    margin-left: 0.4rem;
}

.home-excerpt a {
    color: var(--clr-05ß);
}

/* Footer */
.footer {
    background-color: var(--clr-purple);
    color: var(--clr-01);
    padding: 2rem;
}

.footer-menu-wapper {
    margin: 1rem 0 1rem 0;
}

.destaque-footer a,
.footer-menu a {
    text-decoration: none;
    color: var(--clr-hovers);
}

.footer-menu a:hover {
    color: var(--clr-hovers);
    text-decoration: underline;
}

.footer-menu>div {
    margin-top: 1rem;
}

.destaque-footer {
    font-size: 1.3rem;
}

.copyright {
    font-size: 0.9rem;
    padding-top: 3rem;
}

/* Single page */
.h-entry {
    overflow: hidden;
    width: min(90%, 1024px);
    margin: 0 auto 0 auto;
}

.post-title-singular {
    font-family: var(--font-heads);
    font-size: 2.8rem;
    margin: 1.5rem 0 0.4rem 0;
    line-height: 1;
    letter-spacing: -0.04rem;
}

.post-title-singular:first-of-type {
    margin-top: 0.5rem;
}

.post-thumbnail img {
    width: 100%;
    object-fit: cover;
    object-position: top center;
}

.post-thumbnail {
    height: auto;
    margin: 0 0 2rem 0;
}

.single-excerpt {
    font-size: 1.3rem;
    line-height: 1.2;
    padding: 0.5rem 0 1rem 0;
    color: var(--clr-05);
}

.single-wrapper {
    max-width: 640px;
    padding-bottom: 2rem;
}


.meta {
    font-size: 0.9rem;
}

.content {
    margin: 1rem auto 0 auto;
}

.content li {
    list-style-type: disc;
}

.content li::marker {
    color: var(--clr-03);
}

.content li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.content h2 {
    margin: 2rem 0 1.2rem 0;
}

.category-excerpt {
    line-height: 1.7;
    margin: 0 auto 0 auto;
}

.content-header {
    margin: 5vh auto 2rem auto;
}

.content-header-search {
    margin: 0 auto 0.3rem auto;
}

.content-header-search:first-child {
    margin: 2rem auto 0.3rem auto;
}

.content a {
    color: var(--clr-links);
}

.content a:hover {
    color: var(--clr-hovers);
}

.content p {
    padding: 0 0 1.25rem 0;
}

.content h3 {
    padding-top: 1.2rem;
}

.content h3:first-child {
    padding-top: 0;
}

/* Alinhamentos */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5rem;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5rem;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

figcaption {
    color: #4A4E69;
    font-size: 0.95rem;
    display: block;
    padding: 0.5rem 0 1.3rem 0;
}

figcaption a {
    color: var(--clr-03);
    text-decoration: none;
}

figcaption a:hover {
    color: var(--clr-hovers);
}

.more-link::before {
    content: '➔ ';
    display: inline;
    color: var(--clr-links);
    font-weight: 800;
    margin-right: 0.3rem;
}

.more-link a {
    text-decoration: none;
}

.more-link a:hover {
    color: var(--clr-hovers);
}

.related-posts {
    margin: 3rem 0 3rem 0;
}

.related-posts-opening {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.related-posts-title {
    font-size: 1rem;
    font-weight: 400;
}

.related-posts-title::before {
    content: url(./assets/images/related.svg);
    color: var(--clr-03);
    display: inline;
}

.related-posts a {
    text-decoration: none;
}

/* categories */
.category-page {
    padding: 2rem 0 2rem 0;
}

.taxonomy-tytle {
    font-size: 3rem;
    letter-spacing: -0.04rem;
    font-weight: 700;
    margin: 3rem 0 0.5rem 0;
}

.taxonomy-description {
    font-size: 1rem;
    color: var(--clr-05);
    font-weight: 300;
    line-height: 1.35;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--clr-02);
}

.taxonomy-description a {
    color: var(--clr-links);
    font-weight: 600;
}

.taxonomy-description a:hover {
    color: var(--clr-hovers);
    text-decoration: none;
}

.post-category-title h2 {
    font-size: 2rem;
    margin: 0;
    padding: 0;
}

.category-excerpt {
    margin: 0.1rem 0 3rem 0;
}

.category-excerpt:last-child {
    margin-bottom: 4rem;
}

.fn a,
.reply a {
    text-decoration: none;
    font-style: normal;
}

.reply::before {
    content: url(./assets/images/reply.svg);
    display: inline;
    margin-right: 0.5rem;
    overflow: hidden;
}

.required {
    color: red;
}

.nofloat {
    clear: both;
    margin-bottom: 1rem;
}

/* Pagination */

.screen-reader-text {
    display: none;
}

nav.pagination {
    margin-top: 2rem;
    position: relative;
    display: block;
}

.nav-links {
    position: relative;

    & ul {
        margin: 0;
        padding: 0;

        & li {
            list-style: none;
            margin: 0 10px 0 0;
            padding: 0;
            float: left;

            & span.current {
                padding: 10px 12px;
                background: var(--clr-03);
                display: block;
                line-height: 1;
                border-radius: 4px;
                color: var(--clr-main-txt);
            }

            & a {
                padding: 10px 12px;
                background: var(--clr-03);
                color: var(--clr-04);
                text-decoration: none;
                border-radius: 3px;
                display: block;
                line-height: 1;

                &:hover {
                    background: var(--clr-links);
                    color: var(--clr-04);
                }
            }
        }
    }
}

.wp-caption-text {
    margin: 0.3rem 0 0.5rem 0;
    color: var(--clr-03);
    font-style: italic;
}

blockquote {
    padding: 0 0 0 1.6rem;
    quotes: "\201C" "\201D" "\2018" "\2019";
    border-left: 3px solid var(--clr-03);
    margin: 0.5rem 0 1.25rem 0;
}

blockquote p:last-of-type {
    padding-bottom: 0;
}

.hash {
    color: var(--clr-03);
    font-size: 0.75rem;
    padding-right: 0.04rem;
}

details {
    padding-bottom: 1.25rem;

    &>summary {
        cursor: pointer;
        list-style-position: outside;
        margin: 0 0 0 1rem;

        &::marker {
            color: var(--clr-03);
            font-size: 0.7rem;
        }

        &::after {
            content: '…';
            display: inline-block;
            margin-left: 0.3rem;
            color: var(--clr-03);
        }
    }

    &[open] {
        &>summary {
            &::marker {
                color: var(--clr-main-txt);
            }

            &::after {
                content: '';
            }
        }

        &>div {
            margin-top: 0.5rem;
            border-left: 1px solid var(--clr-03);
            padding-left: 1rem;

            &>p:last-child {
                padding-bottom: 0;
            }
        }

        &>ul {
            padding-left: 2rem;
        }
    }

    &>details {
        padding-left: 1rem;
    }
}

mark {
    background-color: var(--clr-03);
    color: var(--clr-04);
    padding: 0 0.2rem 0 0.2rem;
}

.count::before {
    content: url(./assets/images/words.svg);
    display: inline-block;
    margin-right: 0.3rem;
}

@media (min-width: 750px) {
    .menu {
        background-image: none;
        height: auto;
    }

    .menu a {
        color: var(--clr-04);
    }

    .bolas {
        display: none;
    }

    .bolas2 {
        display: block;
    }

    .hero {
        display: block;
        background: url(https://yesheling.org/wp-content/uploads/2025/06/home_yeshe_2025.webp) no-repeat;
        background-position: top center;
        background-size: cover;
        height: calc(38vh * 16 / 9);
        width: 100%;
    }

    .herotxt {
        display: block;
        text-align: center;
        padding: 1rem;
        font-size: 1.3rem;
        font-weight: 700;
        color: var(--clr-01);
        line-height: 1;
        font-family: var(--font-heads);
        text-shadow: 1px 1px 1px #444;
    }

    .home {
        width: 88%;
    }

    .aside {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2rem;
    }

    .h-entry {
        margin-left: 2rem;
    }

    .aside h3 {
        margin-top: 0;
    }
}