/*
Theme Name: Puenkha Child
Theme URI: https://puenkharatchakan.com/
Description: Child Theme สำหรับเว็บไซต์เพื่อนข้าราชการ
Author: Puenkharatchakan
Author URI: https://puenkharatchakan.com/
Template: puenkha-parent
Version: 1.0.3
Text Domain: puenkha-child
*/

/*
 * CSS ของเว็บไซต์เพื่อนข้าราชการ
 */

:root {
    --puenkha-navy: #14315c;
    --puenkha-navy-deep: #0d2140;
    --puenkha-gold: #c9a227;
    --puenkha-gold-soft: #f3e7c3;
    --puenkha-stamp: #c8372d;
    --puenkha-paper: #fbfaf6;
    --puenkha-ink: #22282f;
    --puenkha-ink-soft: #5a6472;
    --puenkha-line: #e4e0d4;
    --puenkha-white: #ffffff;
    --puenkha-radius: 10px;
}

/* -------------------------------------------------
   การตั้งค่าพื้นฐาน
------------------------------------------------- */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--puenkha-paper);
    color: var(--puenkha-ink);
    font-family: "Sarabun", sans-serif;
    font-size: 17px;
    line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-site-title,
.wp-block-navigation {
    font-family: "Prompt", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--puenkha-navy);
    line-height: 1.4;
}

a {
    color: var(--puenkha-navy);
    text-underline-offset: 3px;
}

img {
    max-width: 100%;
    height: auto;
}

.puenkha-wrap {
    width: min(calc(100% - 40px), 1080px);
    margin-right: auto;
    margin-left: auto;
}

.puenkha-post-content {
    width: min(calc(100% - 40px), 760px);
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 600px) {
    body {
        font-size: 16px;
    }

    .puenkha-wrap,
    .puenkha-post-content {
        width: min(calc(100% - 28px), 1080px);
    }
}