/*
Theme Name: Watertank Cleaning Company NSW
Theme URI: https://www.watertankcleaningcompany.com.au/
Description: GeneratePress child theme recreating the Watertank Cleaning Company (NSW) legacy site shell.
Author: Digerati
Template: generatepress
Version: 0.6.0
Text Domain: wtcc-generatepress-child
*/

:root {
    --wtcc-blue: #114a9c;
    --wtcc-footer: #285ca6;
    --wtcc-line: #b9bbd1;
    --wtcc-text: #6d6e71;
    --wtcc-max: 960px;
}

html, body { margin: 0; padding: 0; }
body {
    background: #fff;
    color: var(--wtcc-text);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
}

/* GeneratePress shell is intentionally replaced by the legacy-style child shell. */
.site-header,
#site-navigation,
.site-footer { display: none !important; }

#page,
.site-content,
#primary,
.site-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.inside-article {
    padding: 28px 0 40px !important;
}

.entry-content,
.entry-header,
.page-header,
.comments-area {
    width: calc(100% - 32px);
    max-width: var(--wtcc-max);
    margin-left: auto !important;
    margin-right: auto !important;
}

.entry-title { color: var(--wtcc-blue); }
.entry-content a { color: #0000ee; }

.wtcc-shell {
    width: 100%;
    background: #fff;
}

.wtcc-header-inner,
.wtcc-nav-inner,
.wtcc-footer-inner {
    width: calc(100% - 32px);
    max-width: var(--wtcc-max);
    margin: 0 auto;
    box-sizing: border-box;
}

.wtcc-header-inner {
    min-height: 96px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.wtcc-logo {
    display: block;
    width: 557px;
    max-width: 62%;
    margin: 11px 0 0 55px;
}
.wtcc-logo img { display: block; width: 100%; height: auto; }

.wtcc-top-right {
    margin-top: 3px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-family: Georgia, 'Times New Roman', serif;
}

.wtcc-facebook {
    width: 121px;
    height: 34px;
    background: url('assets/images/likeFb.png') no-repeat center/contain;
    display: block;
    margin-bottom: 4px;
    text-indent: -9999px;
    overflow: hidden;
}

.wtcc-call {
    width: 265px;
    min-height: 45px;
    background: #e6e7e8;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 12px 8px;
    color: var(--wtcc-blue);
    white-space: nowrap;
}
.wtcc-call a { color: var(--wtcc-blue); text-decoration: none; }
.wtcc-call strong { font-size: 20px; font-weight: 400; }

.wtcc-nav-wrap { border-bottom: 1px solid var(--wtcc-line); }
.wtcc-nav { position: relative; z-index: 100; }
.wtcc-nav ul { list-style: none; margin: 0; padding: 0; }
.wtcc-nav > ul { display: flex; align-items: stretch; }
.wtcc-nav > ul > li {
    position: relative;
    border-right: 1px dashed #aaa;
}
.wtcc-nav > ul > li:last-child { border-right: 0; }
.wtcc-nav a {
    display: block;
    padding: 8px 17px;
    color: #000;
    text-decoration: none;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}
.wtcc-nav > ul > li:hover > a,
.wtcc-nav > ul > li.current-menu-item > a,
.wtcc-nav > ul > li.current-menu-ancestor > a { color: var(--wtcc-blue); }

.wtcc-nav .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 210px;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 4px 10px rgba(0,0,0,.12);
}
.wtcc-nav li:hover > .sub-menu { display: block; }
.wtcc-nav .sub-menu li + li { border-top: 1px solid #eee; }
.wtcc-nav .sub-menu a { padding: 8px 12px; }
.wtcc-nav .sub-menu a:hover { background: #f4f4f4; color: var(--wtcc-blue); }

.wtcc-mobile-toggle {
    display: none;
    width: 100%;
    border: 0;
    background: #111;
    color: #fff;
    padding: 10px 14px;
    text-align: left;
    font-size: 18px;
    cursor: pointer;
}
.wtcc-mobile-toggle img { width: 20px; vertical-align: middle; margin-right: 8px; }

.wtcc-footer {
    width: 100%;
    min-height: 65px;
    background: var(--wtcc-footer);
    padding: 18px 0 12px;
    box-sizing: border-box;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
}
.wtcc-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wtcc-footer a { color: #fff; }
.wtcc-digerati img { display: block; width: auto; height: auto; max-width: 115px; }

@media (max-width: 900px) {
    .wtcc-logo { margin-left: 0; max-width: 58%; }
    .wtcc-nav a { padding-left: 11px; padding-right: 11px; font-size: 13px; }
}

@media (max-width: 700px) {
    .wtcc-header-inner { display: block; padding-top: 6px; }
    .wtcc-logo { width: 100%; max-width: 520px; margin: 0 auto 8px; }
    .wtcc-top-right { width: 100%; align-items: stretch; margin-bottom: 8px; }
    .wtcc-facebook { align-self: flex-end; }
    .wtcc-call { width: 100%; border-radius: 0; }

    .wtcc-mobile-toggle { display: block; }
    .wtcc-nav { display: none; }
    .wtcc-nav.is-open { display: block; }
    .wtcc-nav > ul { display: block; }
    .wtcc-nav > ul > li { border-right: 0; border-top: 1px solid #ddd; }
    .wtcc-nav a { padding: 11px 14px; font-family: Arial, sans-serif; }
    .wtcc-nav .sub-menu {
        position: static;
        display: block;
        border: 0;
        box-shadow: none;
        background: #f4f4f4;
    }
    .wtcc-nav .sub-menu a { padding-left: 30px; }

    .wtcc-footer-inner { display: block; text-align: center; }
    .wtcc-digerati { display: inline-block; margin-top: 12px; }
}

/* ============================================================
 * Home page - legacy layout reconstruction (v0.2.0)
 * ============================================================ */
body.home .inside-article {
    padding-top: 14px !important;
}

body.home .entry-content {
    width: calc(100% - 32px);
    max-width: var(--wtcc-max);
    margin-left: auto !important;
    margin-right: auto !important;
}

body.home .wtcc-home,
body.home .wtcc-home > .wp-block-group__inner-container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.home .wtcc-home-video {
    width: 640px;
    max-width: 100%;
    margin: 0 auto 14px;
}

body.home .wtcc-home-video .wp-block-embed__wrapper {
    position: relative;
    padding-top: 56.25%;
}

body.home .wtcc-home-video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

body.home .wtcc-home-lead {
    margin: 8px 0 10px;
    color: #00449a;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
}

body.home .wtcc-home-intro {
    width: 100%;
    margin: 0 auto 18px;
}

body.home .wtcc-home-intro > .wp-block-group__inner-container {
    padding: 0;
}

body.home .wtcc-home-intro p {
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.45;
}

body.home .wtcc-before-after {
    width: 768px;
    max-width: 100%;
    margin: 10px auto 54px;
}

body.home .wtcc-before-after img {
    display: block;
    width: 100%;
    height: auto;
}

body.home .wtcc-home-cards {
    width: 960px;
    max-width: 100%;
    margin: 0 auto;
    gap: 15px;
    align-items: flex-start;
}

body.home .wtcc-home-cards > .wp-block-column {
    flex: 0 0 calc((100% - 30px) / 3);
    max-width: 310px;
    min-width: 0;
    margin: 0 !important;
    padding: 0 0 20px !important;
    text-align: center;
    border-top: 1px solid #b0d3e3;
}

body.home .wtcc-home-cards > .wp-block-column > *:first-child {
    margin-top: 27px;
}

body.home .wtcc-home-cards .wp-block-image {
    margin-bottom: 14px;
}

body.home .wtcc-home-cards h3 {
    margin: 0 0 10px;
    color: #00449a;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 700;
}

body.home .wtcc-home-cards p {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 20px;
}

body.home .wtcc-home-cards a {
    color: #114a9c;
}

body.home .wtcc-home-cards .wp-block-column:nth-child(1) > .wp-block-image:first-child img {
    width: 90px;
    height: 64px;
    object-fit: cover;
}

body.home .wtcc-home-cards .wp-block-column:nth-child(2) > .wp-block-image:first-child img {
    width: 107px;
    height: 64px;
    object-fit: cover;
}

body.home .wtcc-home-cards .wp-block-column:nth-child(2) .size-medium img {
    width: 201px;
    height: 200px;
    object-fit: cover;
}

body.home .wtcc-home-cards .wp-block-column:nth-child(3) > .wp-block-image:first-child img {
    width: 96px;
    height: 64px;
    object-fit: cover;
}

@media (max-width: 782px) {
    body.home .wtcc-home-video,
    body.home .wtcc-before-after,
    body.home .wtcc-home-cards {
        width: 100%;
    }

    body.home .wtcc-home-cards {
        display: block;
    }

    body.home .wtcc-home-cards > .wp-block-column {
        max-width: none;
        width: 100%;
        margin-bottom: 30px !important;
    }
}

/* ============================================================
 * v0.3.0 - Gutenberg home before/after slider
 * Gutenberg owns the slides; theme owns presentation/rotation.
 * ============================================================ */
body.home .wtcc-before-after-slider {
    position: relative;
    width: 768px;
    max-width: 100%;
    margin: 10px auto 54px;
    overflow: hidden;
}
body.home .wtcc-before-after-slider > .wp-block-group__inner-container {
    position: relative;
    padding: 0;
}
body.home .wtcc-before-after-slider .wtcc-slide {
    display: none;
    margin: 0;
    width: 100%;
}
body.home .wtcc-before-after-slider .wtcc-slide.is-active {
    display: block;
}
body.home .wtcc-before-after-slider .wtcc-slide img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 782px) {
    body.home .wtcc-before-after-slider { width: 100%; }
}

/* v0.4: remove Gutenberg responsive embed spacer on legacy homepage embeds */
body.home .wp-block-embed__wrapper {
    padding-top: 0 !important;
}


/* v0.5: first slider image must not remain visible after rotation. */
body.home .wtcc-before-after-slider .wtcc-slide:first-child:not(.is-active) {
    display: none;
}


/* ============================================================
 * v0.6.0 - Legacy content-page two-column/sidebar styling
 * Gutenberg owns the structure and content; theme owns presentation.
 * ============================================================ */
.wtcc-content-columns {
    gap: 28px;
    align-items: flex-start;
    margin-top: 22px;
}

.wtcc-main-content {
    flex-basis: 68%;
    min-width: 0;
}

.wtcc-sidebar {
    flex-basis: 32%;
    max-width: 300px;
    min-width: 0;
}

.wtcc-testimonial {
    text-align: center;
    font-size: 14px;
    line-height: 1.55;
    margin: 0 !important;
}

.wtcc-testimonial > .wp-block-group__inner-container,
.wtcc-contact-box > .wp-block-group__inner-container {
    padding: 0 !important;
}

.wtcc-testimonial h2 {
    margin: 0 0 18px;
    color: #68b6ee;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 700;
}

.wtcc-testimonial p {
    margin: 0 0 12px;
}

.wtcc-testimonial p:last-child {
    font-weight: 700;
}

.wtcc-blue-line {
    border: 0 !important;
    border-top: 1px solid #b8d9eb !important;
    margin: 32px 0 38px !important;
}

.wtcc-contact-box {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    margin: 0 !important;
}

.wtcc-contact-box h2 {
    margin: 0 0 20px;
    color: #68b6ee;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    line-height: 1.1;
    font-weight: 700;
}

.wtcc-contact-box h3 {
    margin: 0 0 24px;
    color: #68b6ee;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 1.05;
    font-style: italic;
    font-weight: 700;
}

.wtcc-contact-box p {
    margin: 0 0 20px;
}

.wtcc-contact-box strong {
    font-weight: 700;
}

.wtcc-contact-box a {
    color: #0046d8;
}

.wtcc-sidebar .wp-block-heading {
    max-width: none;
}

.wtcc-page-hero {
    max-width: 600px;
    margin: 10px auto 24px !important;
}

.wtcc-page-hero img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 782px) {
    .wtcc-content-columns {
        display: block;
    }

    .wtcc-sidebar {
        max-width: none;
        width: 100%;
        margin-top: 40px;
    }
}