/*
Theme Name:   Skylith Child
Theme URI:    https://1.envato.market/skylithwpinfo
Author:       nK
Template:     skylith
Author URI:   https://nkdev.info/
Description:  Skylith Child Theme
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  skylith-child
Tags:
*/
html {
    overflow-y: scroll;        /* fallback*/
    scrollbar-gutter: stable; 
}

/* General Header */
.wp-block-cover, .nk-awb-wrap {
	width: 100vw;
	max-width: 100vw;
	margin-inline: calc(50% - 50vw);
}

/* About Us Page */
.wp-block-image img {
	border-radius: 30px;
}

/* All Pricing Table */
.ghostkit-pricing-table-item-features li {
	text-align: left;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 10px;
}

.popular-pricing-table .ghostkit-pricing-table-item-features li {
	border-bottom: 1px solid rgba(255,255,255,.25);
}

.ghostkit-pricing-table-item {
	border-radius: 20px;
}

.ghostkit-pricing-table-item-description {
    min-height: 45px;
}

.popular-pricing-table, .popular-pricing-table h3.ghostkit-pricing-table-item-title {
  color: white;
}

.ghostkit-pricing-table-item.ghostkit-pricing-table-item-popular {
  background: var(--wp--preset--gradient--luminous-dusk);
}

/* AI Page */
.storyboard-section .wp-block-image img {
	border-radius: 0 0 20px 20px;
}

.storyboard-section .embed-youtube {
	border-radius: 0 0 20px 20px;
}

.storyboard-section .ghostkit-col {
	margin-left: 0;
}

.ai-working-sample-section .ghostkit-tabs-buttons {
	background-color: transparent !important;
    border: transparent !important;
}

.ai-working-sample-section .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item {
	color: #fff;
}

.ai-working-sample-section .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item::before, .ai-working-sample-section .ghostkit-tabs:not(.is-style-pills) .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active::after {
	opacity: 0;
}

.ai-working-sample-section .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active, .ai-working-sample-section .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item:hover {
	color: #b9a186;
}

.ai-working-sample-section .embed-youtube {
    border-radius: 20px;
}

/* Blog Page */
.blog-sidebar-categories .wp-block-categories-list {
	margin: 0;
	padding-inline-start: 0;
	list-style: none;
}

.blog-sidebar-categories .cat-item {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 0;
	list-style: none;
}

.blog-sidebar-categories .cat-item + .cat-item {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-top-color: color-mix(in srgb, currentColor 15%, transparent);
}

.blog-sidebar-categories .cat-item::before {
	content: "\e684" / "";
	font-family: "Pe-icon-7-stroke";
	font-size: 1.2rem;
	line-height: 1;
	flex: 0 0 auto;
	transition: transform 0.2s ease;
}

.blog-sidebar-categories .cat-item a {
	flex: 1 1 auto;
	text-decoration: none;
}

.blog-sidebar-categories .cat-item:hover::before {
	transform: translateX(3px);
}

/* Contact Us Page */
.google-map-fullheight {
	height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

.google-map-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1rem;
}

.google-map-actions .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
}

/* Footer */
.nk-footer {
	background-color: #1A1A1A;
}
.footer-ul {
	list-style-type: none;
    padding-inline-start: 0;
}

.footer-ul li {
	padding-top: 10px;
}

.nk-widget ~ .nk-widget {
	margin-top: 0;
}

.footer-heading {
	margin-bottom: 1rem !important;
	color: #993241;
}

.nk-footer .wp-block-image img {
	border-radius: 0;
}

@media screen and (max-width: 767px) { 
    /* All Pages */
    h1 {
        font-size: 42px !important;
    }

    h2 {
        font-size: 30px !important;
        margin-top : 0 !important;
		margin-bottom: 30px !important;
    }

    h3 {
        font-size: 26px !important;
    }

    h4 {
        font-size: 22px !important;
    }

    p {
        font-size: 16px !important;
    }

    /* Contact Us Page */
    .google-map-fullheight {
    	height: calc(80vh - var(--wp-admin--admin-bar--height, 0px));
		min-height: 350px !important;
	}
	
	.artifician-static-image img {
		object-position: 200px -30px;
		height: calc(80vh - var(--wp-admin--admin-bar--height, 0px));
		width: 100%;
	}
	
    /* Footer */
	.footer-heading {
		margin-bottom: 15px !important;
	}
	.nk-footer .nk-footer-widgets {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
    /* Scroll Button */
	.nk-scroll-up a {
		margin-right: auto;
	}
}

.has-skylith-red-color {
	background-color: transparent;
}

/* Client logo section — base = desktop */
.wp-block-gallery.kb-logos {
  --logo-h: 150px;
  --logo-gap: clamp(1.5rem, 4vw, 3rem);
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: var(--logo-gap) !important;
  align-items: center;
}

.wp-block-gallery.kb-logos figure.wp-block-image:not(#individual-image) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  flex-basis: auto !important;
  margin: 0 !important;
}

.wp-block-gallery.kb-logos figure.wp-block-image:not(#individual-image) img {
  display: block !important;
  width: 100% !important;
  height: var(--logo-h) !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center;
  transform: scale(var(--logo-scale, 1));
}

/* Tablet — 3 across */
@media screen and (max-width: 1024px) {
  .wp-block-gallery.kb-logos {
    --logo-h: 110px;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile — 2 across */
@media screen and (max-width: 767px) {
  .wp-block-gallery.kb-logos {
    --logo-h: 90px;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2.0rem 0.25rem !important;   /* extra row gap for scaled logos */
  }

	.wp-block-gallery.kb-logos img[src*="AIA"],
	.wp-block-gallery.kb-logos img[src*="Generali"],
	.wp-block-gallery.kb-logos img[src*="SimeDPlantation"],
	.wp-block-gallery.kb-logos img[src*="Maybank"],
	.wp-block-gallery.kb-logos img[src*="iProperty"] {
		--logo-scale: 1.2 !important;
	}
}

/* Logo custom scaling */
.wp-block-gallery.kb-logos img[src*="Petronas"],
.wp-block-gallery.kb-logos img[src*="Beacon"],
.wp-block-gallery.kb-logos img[src*="Adidas"] {
  --logo-scale: 0.8;
}
.wp-block-gallery.kb-logos img[src*="AIA"],
.wp-block-gallery.kb-logos img[src*="Generali"],
.wp-block-gallery.kb-logos img[src*="SimeDPlantation"],
.wp-block-gallery.kb-logos img[src*="Maybank"],
.wp-block-gallery.kb-logos img[src*="iProperty"] {
  --logo-scale: 1.5;
}

@media screen and (max-width: 767px) {
	
	
    /* Tab Design */
	.ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item.ghostkit-tabs-buttons-item-active, .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item:hover, .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item, .ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item {
		margin: auto;
		text-align: center;
	}
	.ghostkit-tabs.ghostkit-tabs-variant-skylith-alt-1 .ghostkit-tabs-buttons .ghostkit-tabs-buttons-item + .ghostkit-tabs-buttons-item::before {
    	opacity: 0;
	}
	.ghostkit-tabs-buttons {
		flex-direction: column;
	}
}