/* =========================================================
   Gizmoo Core
   Default Page Styles
   ========================================================= */


/* =========================================================
   Page
   ========================================================= */

.gizmoo-page {
    padding: 48px 0;
}


.gizmoo-page-custom {
    padding-top: 0;
    padding-bottom: 0;
}


/* =========================================================
   Page Header
   ========================================================= */

.gizmoo-page-header {
    max-width: 760px;

    margin: 0 auto 42px;

    text-align: center;
}


.gizmoo-page-title {
    margin: 0;

    color: var(--gizmoo-text);

    font-size:
        clamp(32px, 4vw, 44px);

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: -0.03em;
}


/* =========================================================
   Page Content
   ========================================================= */

.gizmoo-page-content {
    width: 100%;

    max-width: none;

    margin: 0;

    color: var(--gizmoo-text);

    font-size: 15px;

    line-height: 1.85;
}


/* =========================================================
   Standard Page Content
   ========================================================= */

/*
 * برای برگه‌های معمولی، محتوای متنی خوانا و محدود باقی می‌ماند.
 * صفحات اختصاصی خودشان container داخلی دارند.
 */

.gizmoo-page:not(.gizmoo-page-custom)
.gizmoo-page-content {
    max-width: 860px;

    margin-right: auto;
    margin-left: auto;
}


/* =========================================================
   Paragraph
   ========================================================= */

.gizmoo-page-content p {
    margin: 0 0 20px;
}


/* =========================================================
   Headings
   ========================================================= */

.gizmoo-page-content h2,
.gizmoo-page-content h3,
.gizmoo-page-content h4 {
    color: var(--gizmoo-text);

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: -0.02em;
}


.gizmoo-page-content h2 {
    margin: 48px 0 18px;

    font-size: 30px;
}


.gizmoo-page-content h3 {
    margin: 36px 0 14px;

    font-size: 23px;
}


.gizmoo-page-content h4 {
    margin: 28px 0 12px;

    font-size: 19px;
}


/* First heading */

.gizmoo-page-content > h2:first-child,
.gizmoo-page-content > h3:first-child {
    margin-top: 0;
}


/* =========================================================
   Links
   ========================================================= */

.gizmoo-page-content a {
    color: var(--gizmoo-primary);

    text-decoration-thickness: 1px;

    text-underline-offset: 3px;

    transition:
        color 0.2s ease;
}


.gizmoo-page-content a:hover {
    color: var(--gizmoo-primary-hover);
}


/* =========================================================
   Lists
   ========================================================= */

.gizmoo-page-content ul,
.gizmoo-page-content ol {
    margin: 0 0 24px;

    padding-right: 22px;
}


.gizmoo-page-content li {
    margin-bottom: 8px;
}


/* =========================================================
   Images
   ========================================================= */

.gizmoo-page-content img {
    display: block;

    max-width: 100%;

    height: auto;

    border-radius: 12px;
}


/* =========================================================
   WordPress Alignment
   ========================================================= */

.gizmoo-page-content .alignwide {
    width: 100%;

    max-width: 1100px;

    margin-right: auto;
    margin-left: auto;
}


.gizmoo-page-content .alignfull {
    width: 100%;

    max-width: none;

    margin-right: 0;
    margin-left: 0;
}


/* =========================================================
   WordPress Captions
   ========================================================= */

.gizmoo-page-content .wp-caption {
    max-width: 100%;
}


.gizmoo-page-content .wp-caption-text {
    margin-top: 8px;

    color: var(--gizmoo-text-muted);

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   Blockquote
   ========================================================= */

.gizmoo-page-content blockquote {
    margin: 32px 0;

    padding: 20px 24px;

    border-right:
        3px solid
        var(--gizmoo-primary);

    border-radius: 0 8px 8px 0;

    background: var(--gizmoo-bg-soft);

    color: var(--gizmoo-text-muted);
}


/* =========================================================
   Tables
   ========================================================= */

.gizmoo-page-content table {
    width: 100%;

    margin: 28px 0;

    border-collapse: collapse;

    font-size: 14px;
}


.gizmoo-page-content th,
.gizmoo-page-content td {
    padding: 12px 14px;

    border-bottom:
        1px solid
        var(--gizmoo-border);

    text-align: right;
}


.gizmoo-page-content th {
    color: var(--gizmoo-text);

    font-weight: 600;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 600px) {

    .gizmoo-page {
        padding: 36px 0;
    }


    .gizmoo-page-custom {
        padding-top: 0;
        padding-bottom: 0;
    }


    .gizmoo-page-header {
        margin-bottom: 32px;
    }


    .gizmoo-page-title {
        font-size: 32px;
    }


    .gizmoo-page-content {
        font-size: 15px;

        line-height: 1.85;
    }


    .gizmoo-page-content h2 {
        margin-top: 40px;

        font-size: 26px;
    }


    .gizmoo-page-content h3 {
        margin-top: 30px;

        font-size: 21px;
    }


    .gizmoo-page-content table {
        display: block;

        overflow-x: auto;

        white-space: nowrap;
    }

}