/*
 Theme Name: frympan
 Theme URI: https://sercopan.com/
 Author: Alberto Gómez Salazar
 Author URI: https://sercopan.com/
 Description: Tema base mínimo y limpio para empezar desde cero.
 Version: 0.1.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: frympan
 Tags: minimal, clean, starter
*/

:root {
    --color-bg: #0b0d12;
    --color-fg: #e7e9ee;
    --color-accent: #d7990c;
    --content-max: 72rem;
    --font-base: ubuntu, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Emoji", sans-serif;
}

html, 
body {
    margin: 0;
    padding: 0;
    background: var(--color-bg);
    color: var(--color-fg);
   font-family: var(--font-base);
    line-height: 1.6;
}

a { 
    color: var(--color-accent); 
    text-decoration: none; 
}

a:hover { 
    text-decoration: underline; 
}

.container { 
    width: 100%; 
    max-width: var(--content-max); 
    padding: 0 1rem; 
    margin: 0 auto; 
}

.site-header, 
.site-footer { 
    padding: 1.25rem 0; 
}

.site-header { 
    border-bottom: 1px solid rgba(255,255,255,.08); 
}

.site-footer { 
    border-top: 1px solid rgba(255,255,255,.08); 
    opacity: .9; 
}

nav.primary-menu ul { 
    list-style: none; 
    display: flex; 
    gap: 1rem; 
    padding: 0; 
    margin: 0; 
    flex-wrap: wrap; 
}

nav.primary-menu a { 
    padding: .25rem .5rem; 
    border-radius: .375rem; 
}

nav.primary-menu a[aria-current="page"] { 
    background: rgba(255,255,255,.08); 
}

.main { 
    padding: 2rem 0; 
}

h1,
h2,
h3 { 
    line-height: 1.2; 
}

pre, 
code { 
    background: rgba(255,255,255,.06); 
    padding: .2rem .4rem; 
    border-radius: .25rem; 
}

.wp-post-image { 
    max-width: 100%; 
    height: auto; 
    border-radius: .5rem; 
}

html, body {
    overflow-x: hidden;
}

/* utilidades */
.mt-0 { 
    margin-top: 0; 
}

.mb-0 { 
    margin-bottom: 0; 
}

.mb-1 { 
    margin-bottom: .5rem; 
}

.mb-2 { 
    margin-bottom: 1rem; 
}

.mb-3 { 
    margin-bottom: 1.5rem; 
}


/* HEADER */
img.custom-logo {
    width: 100px;
    height: auto;
}


/* BODY */
div#content {
    background: white;
    color: gray;
}

/* Código comentado - estructura alternativa */
/*
article {
    padding: 0 1em 0 1em;
}

article[id*="post"] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

article header {
    grid-column: 1 / -1;
}

article header + * {
    justify-self: end;
    width: 100%;
}
*/

img.attachment-large.size-large.wp-post-image {
    width: 15em;
}

article img {
    border-radius: 1em;
}


/* FOOTER */
footer.site-footer {
    background: #eda90b;
    color: white;
}


/* POSTS */

@media (max-width: 1199px) {
    article {
        padding: 0 1em 0 1em;
    }

    .wp-block-media-text__content {
        padding: 0 !important;
    }

    figure.wp-block-media-text__media {
        width: 49%;
    }
}