/* ============================================
   Gutenberg Core Blocks – Clean Default Styles
   Works on Frontend + Editor (when enqueued)
   Compatible with classic & block themes
   ============================================ */

/* Root entry content – add some breathing room */
.entry-content {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
    font-size: 18px;
}

/* ==========================================================================
   Global Block Spacing & Alignment
   ========================================================================== */
.wp-block {
    /* All blocks get consistent vertical rhythm */
    > * + * {
        margin-top: 1.6em;
        margin-bottom: 0;
    }
}

/* Remove top margin from first block */
.entry-content > :first-child,
.wp-block-template-part > :first-child {
    margin-top: 0;
}

/* Alignment classes */
.alignwide  { margin-left: -80px; margin-right: -80px; max-width: calc(100% + 160px); }
.alignfull  { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; }
.alignleft  { float: left; margin-right: 2rem; margin-bottom: 1.5rem; }
.alignright { float: right; margin-left: 2rem; margin-bottom: 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* ==========================================================================
   Core Blocks Styling
   ========================================================================== */

/* Paragraph */
.wp-block-paragraph {
    margin: 0 0 1.6em;
}
.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
    font-size: 4.5em;
    line-height: 0.8;
    margin: 0.1em 0.1em 0 0;
    float: left;
    font-weight: 700;
}

/* Headings */
.wp-block-heading {
    margin: 2rem 0 1rem;
    font-weight: 600;
    line-height: 1.3;
}
.wp-block-heading strong { font-weight: 800; }

h1.wp-block-heading { font-size: 2.8em; }
h2.wp-block-heading { font-size: 2.4em; }
h3.wp-block-heading { font-size: 2em; }
h4.wp-block-heading { font-size: 1.7em; }
h5.wp-block-heading { font-size: 1.5em; }
h6.wp-block-heading { font-size: 1.3em; }

/* Lists */
.wp-block-list {
    padding-left: 1.4em;
    margin: 1.6em 0;
}

.wp-block-list li {
    padding-bottom: 2px;
    list-style: none;
    position: relative;
    padding-left: 16px; /* space for icon */
}

.wp-block-list li::before {
    font-family: "Font Awesome 7 Free"; /* YES — still the correct name */
    font-weight: 900;                   /* Solid icons */
    content: "\f0da";                   /* caret-right icon */
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 12px;
}
.wp-block-list.is-style-circle { list-style-type: circle; }
.wp-block-list.is-style-square { list-style-type: square; }

/* Quote & Pullquote */
.wp-block-quote,
.wp-block-pullquote {
    padding: 2rem 0;
    margin: 2rem 0;
    border-left: 6px solid #000;
    padding-left: 2rem;
    font-style: italic;
    font-size: 1.3em;
}
.wp-block-pullquote {
    border-left: none;
    border-top: 4px solid #000;
    border-bottom: 4px solid #000;
    text-align: center;
    padding: 3rem 2rem;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-pullquote.is-style-solid-color {
    padding: 3rem 2rem;
    border: none;
    background: #f9f9f9;
}
.wp-block-quote cite,
.wp-block-pullquote cite {
    font-size: 0.9em;
    font-style: normal;
    opacity: 0.8;
}

/* Code & Preformatted */
.wp-block-code,
.wp-block-preformatted {
    background: #f4f4f4;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    padding: 1.5rem;
    font-family: 'Courier New', monospace;
    overflow-x: auto;
    font-size: 0.95em;
}

/* Image & Figure */
.wp-block-image {
    margin: 0rem 0;
}
.wp-block-image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}
.wp-block-image.is-style-rounded img { border-radius: 9999px; }
.wp-block-image.is-style-circle-mask img { border-radius: 50%; }

/* Gallery */
.wp-block-gallery {
    display: 1.6em 0;
    gap: 1rem;
}
.wp-block-gallery .blocks-gallery-item img {
    border-radius: 6px;
}

/* Buttons */
.wp-block-buttons {
    margin: 2rem 0;
}
.wp-block-button__link {
    display: inline-block;
    padding: 0.8em 1.6em;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    border: 2px solid;
}

/* Cover */
.wp-block-cover {
    border-radius: 12px;
    overflow: hidden;
}
.wp-block-cover .wp-block-cover__inner-container {
    padding: 4rem 2rem;
}

/* Media & Text */
.wp-block-media-text {
    margin: 3rem 0;
}
.wp-block-media-text__media img {
    border-radius: 8px;
}

/* Separator */
.wp-block-separator {
    border: none;
    border-top: 3px solid #ddd;
    margin: 3rem auto;
}
.wp-block-separator.is-style-dots {
    border: none;
    text-align: center;
    line-height: 1;
    height: auto;
}
.wp-block-separator.is-style-dots::before {
    content: "...";
    font-size: 2em;
    letter-spacing: 1em;
    padding-left: 1em;
    color: #999;
}

/* Table */
.wp-block-table {
    margin: 2rem 0;
    overflow-x: auto;
}
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}
.wp-block-table td,
.wp-block-table th {
    padding: 0.8em 1.2em;
    border: 1px solid #ddd;
    text-align: left;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background: #f9f9f9;
}

/* File Block */
.wp-block-file {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
}
.wp-block-file__button {
    padding: 0.7em 1.4em;
    border-radius: 6px;
    font-weight: 600;
}

/* Social Links */
.wp-block-social-links {
    gap: 0.8rem;
}
.wp-block-social-link {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
}
.wp-block-social-link:hover {
    transform: translateY(-3px);
}

/* Latest Posts, Archives, Categories */
.wp-block-latest-posts,
.wp-block-archives,
.wp-block-categories {
    padding-left: 0;
}
.wp-block-latest-posts.is-grid {
    gap: 2rem;
}
.wp-block-latest-posts__post-date {
    font-size: 0.9em;
    opacity: 0.8;
}

/* Search */
.wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    gap: 0.5rem;
}
.wp-block-search__button {
    padding: 0.8em 1.6em;
    border-radius: 6px;
}

/* Group, Row, Columns – Layout */
.wp-block-group,
.wp-block-row,
.wp-block-columns {
    margin: 1.5rem 0;
}
.wp-block-group.has-background,
.wp-block-cover {
    padding: 3rem 2rem;
    border-radius: 12px;
}
.wp-block-columns.is-layout-flex {
    gap: 1rem;
}
.wp-block-column {
    flex: 1;
}

/* Post Title, Excerpt, Featured Image (Query Loop) */
.wp-block-post-title {
    font-size: 2em;
    margin-bottom: 0.5em;
}
.wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Comments */
.wp-block-comment-template li {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
}
.wp-block-comment-author-name {
    font-weight: 600;
}
.wp-block-comment-date {
    font-size: 0.9em;
    opacity: 0.8;
}

/* ==========================================================================
   Responsive Adjustments
   ========================================================================== */
@media (max-width: 781px) {
    .alignwide,
    .alignfull {
        margin-left: -20px !important;
        margin-right: -20px !important;
        max-width: calc(100% + 40px);
    }
    .wp-block-columns.is-layout-flex {
        flex-direction: column;
        padding: 5px;
    }
    .wp-block-column {
        margin-bottom: 2rem;
    }
    .wp-block-button__link {
      font-size: 14px;
    }
}

.commonInnerPageContainer h1{
        color: #0374e3;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.commonInnerPageContainer h2{
        color: #0374e3;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.commonInnerPageContainer h3{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.commonInnerPageContainer h4{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.commonInnerPageContainer h5{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.commonInnerPageContainer h6{
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.commonInnerPageContainer p{
    color: oklch(.446 .03 256.802);
    font-weight: 400;
    line-height: 1.4;
    font-size: 20px;
    text-align: left;
    padding: 10px 0 0 0;
}

.commonInnerPageContainer .wp-block-column{
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    padding: 10px;
}

.wp-block-columns h5{
    padding-left: 20px;
}

.wp-block-columns p{
    color: oklch(.446 .03 256.802);
    font-weight: 400;
    line-height: 1.4;
    font-size: 16px;
    text-align: left;
    padding: 10px 0 20px 20px;
}
.innerPageContainer{
        background: #F2F8FE;
    background: linear-gradient(90deg, rgba(242, 248, 254, 1) 0%, rgba(238, 246, 246, 1) 61%, rgba(244, 251, 246, 1) 100%);
    padding: 30px 0 40px 0;
    position: relative;
}

.innerPageContainer h1{
        color: #0374e3;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
}

.innerPageContainer h2{
        color: #0374e3;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.innerPageContainer h3{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.innerPageContainer h4{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.innerPageContainer h5{
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
}

.innerPageContainer h5{
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
}

/*.innerPageContainer p{
    color: oklch(.446 .03 256.802);
    font-weight: 400;
    line-height: 1.4;
    font-size: 20px;
    text-align: left;
    padding: 10px 0 0 0;
}*/

.innerPageContainer .wp-block-column{
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    padding: 10px;
}