/*
Theme Name: NamatraCloud
Theme URI: https://namatracloud.com
Description: NamatraCloud child theme built on Twenty Twenty-Five for a custom video-background home page.
Author: W M Thimira
Author URI: https://namatracloud.com
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: namatracloud
*/

/* All custom CSS is loaded from assets/css/ via functions.php */

.menu-item a{
    color:antiquewhite!important;
}


/* All pages except home */
.non-home-page .menu-item > a,
.non-home-page .menu-item a {
    color: var(--primary-color) !important;
}


/* When header has scrolled class */
header.scrolled .menu-item > a,
header.scrolled .menu-item a {
    color: var(--primary-color)!important;
}


/* ============================
   Hero video crossfade rotation
   ============================ */
.wrap-video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap-video .hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    pointer-events: none;
}

.wrap-video .hero-video.active {
    opacity: 1;
    z-index: 1;
}

/* =========================================================
   Tour Plan — restore WordPress block formatting
   Scoped ONLY to .plan-answer inside the tour plan section
   ========================================================= */

/* Base rhythm for all block children */
.wg-tour-plan .plan-answer > * {
    margin-block: 0 1rem; /* consistent vertical spacing between blocks */
}
.wg-tour-plan .plan-answer > *:last-child {
    margin-bottom: 0;
}

/* ---------- Paragraphs ---------- */
.wg-tour-plan .plan-answer p.wp-block-paragraph {
    margin: 0 0 1rem;
    line-height: 1.7;
    color: inherit;
}
/* kill the empty paragraphs WP sometimes leaves behind */
.wg-tour-plan .plan-answer p.wp-block-paragraph:empty {
    display: none;
}

/* ---------- Headings ---------- */
.wg-tour-plan .plan-answer h1,
.wg-tour-plan .plan-answer h2,
.wg-tour-plan .plan-answer h3,
.wg-tour-plan .plan-answer h4,
.wg-tour-plan .plan-answer h5,
.wg-tour-plan .plan-answer h6 {
    margin: 1.5rem 0 0.75rem;
    line-height: 1.3;
    font-weight: 700;
    color: inherit;
}
.wg-tour-plan .plan-answer h2 { font-size: 1.5rem; }
.wg-tour-plan .plan-answer h3 { font-size: 1.3rem; }
.wg-tour-plan .plan-answer h4 { font-size: 1.15rem; }
.wg-tour-plan .plan-answer h5 { font-size: 1rem; }

/* ---------- Lists (the main victim of theme resets) ---------- */
.wg-tour-plan .plan-answer ul.wp-block-list,
.wg-tour-plan .plan-answer ol.wp-block-list,
.wg-tour-plan .plan-answer ul,
.wg-tour-plan .plan-answer ol {
    margin: 0 0 1rem;
    padding-left: 1.5rem;     /* restore indent */
    list-style-position: outside;
}
.wg-tour-plan .plan-answer ul,
.wg-tour-plan .plan-answer ul.wp-block-list {
    list-style-type: disc;    /* restore bullets */
}
.wg-tour-plan .plan-answer ol,
.wg-tour-plan .plan-answer ol.wp-block-list {
    list-style-type: decimal; /* restore numbers */
}
.wg-tour-plan .plan-answer li {
    margin: 0 0 0.4rem;
    line-height: 1.6;
    display: list-item;       /* in case theme set display:flex/inline */
}

/* ---------- Spacer block ---------- */
.wg-tour-plan .plan-answer .wp-block-spacer {
    display: block;
    height: var(--spacer-height, 2rem); /* WP sets inline height, this is a fallback */
}

/* ---------- Separator / HR ---------- */
.wg-tour-plan .plan-answer hr.wp-block-separator {
    border: 0;
    border-top: 1px solid rgba(0,0,0,.15);
    margin: 1.5rem 0;
    opacity: 1;
}

/* ---------- Images / figures ---------- */
.wg-tour-plan .plan-answer figure.wp-block-image {
    margin: 0 0 1rem;
}
.wg-tour-plan .plan-answer figure.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* ---------- Quotes ---------- */
.wg-tour-plan .plan-answer blockquote.wp-block-quote {
    margin: 0 0 1rem;
    padding-left: 1rem;
    border-left: 3px solid currentColor;
    font-style: italic;
}

/* ---------- Paragraphs: bottom spacing ---------- */
.wg-tour-plan .plan-answer p,
.wg-tour-plan .plan-answer p.wp-block-paragraph {
    margin-bottom: 1rem;   /* space below each paragraph */
    padding-bottom: 0;     /* use margin, not padding, for spacing between blocks */
}

/* ---------- Lists: show bullets ---------- */
.wg-tour-plan .plan-answer ul,
.wg-tour-plan .plan-answer ul.wp-block-list {
    list-style-type: disc;      /* the bullet */
    list-style-position: outside;
    padding-left: 1.5rem;       /* indent so bullets are visible, not clipped */
    margin-bottom: 1rem;
}

.wg-tour-plan .plan-answer ol,
.wg-tour-plan .plan-answer ol.wp-block-list {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.wg-tour-plan .plan-answer li {
    display: list-item;   /* critical — theme likely set this to flex/block, hiding the marker */
    margin-bottom: 0.4rem;
}


.wg-tour-plan .tour-plan-list .plan-answer li {
    display: list-item;
    list-style: disc outside;
}

.wg-tour-plan .tour-plan-list .plan-answer ul {
    padding-left: 2.5rem;   /* increase this for more indent */
    margin-left: 1.5rem;    /* optional: extra push from the left edge */
}

.wg-tour-plan .plan-gallery img {
    width: 100%; 
    height: 260px;      /* adjust this to your preferred limit */
    object-fit: cover;      /* crops to fill without distortion */
    object-position: center;/* keeps the crop centered */
    border-radius: 8px;
    display: block;
}

/* =========================================================
   Tour Overview — ACF rich text formatting
   ========================================================= */

/* Paragraphs */
.tour-overview p {
    margin: 0 0 1rem;
    line-height: 1.75;
    color: inherit;
}
.tour-overview p:last-child {
    margin-bottom: 0;
}

/* Lists — restore bullets + indent (theme often strips these) */
.tour-overview ul,
.tour-overview ol {
    margin: 0 0 1.25rem;
    padding-left: 2rem;          /* indent from left */
    list-style-position: outside;
}
.tour-overview ul {
    list-style-type: disc;
}
.tour-overview ol {
    list-style-type: decimal;
}
.tour-overview li {
    display: list-item;          /* critical — ensures the bullet shows */
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

/* Bold / emphasis */
.tour-overview strong {
    font-weight: 700;
    color: inherit;
}
.tour-overview em {
    font-style: italic;
}

/* Headings inside the overview (if any) */
.tour-overview h2,
.tour-overview h3,
.tour-overview h4 {
    margin: 1.5rem 0 0.75rem;
    line-height: 1.3;
    font-weight: 700;
}

/* Links */
.tour-overview a {
    text-decoration: underline;
    transition: opacity .2s ease;
}
.tour-overview a:hover {
    opacity: .8;
}

/* Superscript (for dates like 01st, 31st) */
.tour-overview sup {
    font-size: 0.7em;
    vertical-align: super;
}

.tour-overview ul {
    list-style-type: disc !important;
    list-style-position: outside !important;
    padding-left: 2rem !important;   /* space for the bullet to show */
    margin-left: 0 !important;
}

.tour-overview ul li {
    display: list-item !important;   /* THE key line — bullets only render on list-item */
    list-style: disc outside !important;
}