/*
Theme Name: Taqniyat Child
Theme URI: https://taqniyat.itrobes.in
Template: taqniyat
Author: iTrobes Technologies
Author URI: https://itrobes.com
Description: Child theme for Taqniyat. Put project-specific overrides here so the parent theme remains updatable.
Version: 1.0.9
License: Proprietary
Text Domain: taqniyat-child
*/

/* All overrides go here. Parent stylesheet is enqueued by functions.php. */

.site-header__nav a.is-active { color: var(--color-primary); }

/* Mobile: shrink site logo a bit (parent is 44px). */
@media (max-width: 900px) {
	.site-header__logo { height: 36px; }
}

/* Mobile: tighten storage section — parent's mobile rules lose cascade to the
   later default rules in main.css, so re-assert here (child loads after parent). */
@media (max-width: 768px) {
	.section-storage { padding-bottom: 16px; }
	.section-storage .layout { gap: 16px; align-items: start; }
}

/* Desktop / laptop: hero banner fills the viewport height. Mobile keeps the
   parent's 460px (untouched). */
@media (min-width: 769px) {
	.section-hero,
	.hero-slider,
	.hero-slide { min-height: 100vh; }
}

/* Video card: don't underline the title on hover — only the "Click Here" link. */
.video-card:hover { text-decoration: none; }
.video-card:hover .more { text-decoration: underline; }

/* Scroll-to-top: keep it visible even when the footer enters the viewport.
   Parent hides it via .is-near-footer; this child rule overrides at every breakpoint. */
.scroll-top.is-visible.is-near-footer { display: inline-flex !important; }

/* WhatsApp floating action button */
.tq-whatsapp-fab {
	position: fixed;
	bottom: 24px;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--tq-wa-size, 56px);
	height: var(--tq-wa-size, 56px);
	border-radius: 50%;
	background: var(--tq-wa-bg, #25D366);
	color: #fff;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tq-whatsapp-fab--left  { left: 24px; }
.tq-whatsapp-fab--right { right: 24px; }
.tq-whatsapp-fab:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}
.tq-whatsapp-fab svg {
	width: 60%;
	height: 60%;
}
@media (max-width: 600px) {
	.tq-whatsapp-fab--left  { left: 16px; }
	.tq-whatsapp-fab--right { right: 16px; }
	.tq-whatsapp-fab        { bottom: 16px; }
}

/* When injected into the sticky social rail, drop the fixed-position FAB look
   and match the rail item dimensions/shadow. */
.sticky-social .tq-whatsapp-fab--in-rail {
	position: static;
	width: 44px;
	height: 44px;
	left: auto;
	right: auto;
	bottom: auto;
	background: var(--tq-wa-bg, #25D366);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
.sticky-social .tq-whatsapp-fab--in-rail svg {
	width: 60%;
	height: 60%;
}
.sticky-social .tq-whatsapp-fab--in-rail:hover {
	transform: translateY(-3px) scale(1.08);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
}