/*!
 * Theme Name: 		  swastikaa
 * Text Domain: 	     swastikaa
 * Version:            1.0.0
 * Tested up to:       6.8.2
 * Requires at least:  5.6
 * Requires PHP:       7.4
 * Author:             OceanWP
 * Author URI:         https://oceanwp.org/about-oceanwp/
 * Template:           oceanwp
 */

 .woocommerce #order_review table.shop_table {
    border: 1px solid #9a9a9a;
 }
 .woocommerce #order_review table.shop_table thead th,
 .woocommerce #order_review table.shop_table tbody td,
 .woocommerce #order_review table.shop_table tfoot th,
 .woocommerce #order_review table.shop_table tfoot td {
    border-bottom: 1px solid #9A9A9A;
 }
 /* .woocommerce #order_review table.shop_table td {
    border: 1px solid #9A9A9A;
 } */
 .woocommerce #order_review table.shop_table tbody td,
 ul.woocommerce-error {
    background-color: transparent;
 }
 .woocommerce #order_review table.shop_table thead th.product-name,
 .woocommerce #order_review table.shop_table tfoot th,
 .woocommerce #order_review table.shop_table tbody td.product-name {
    border-right: 1px solid #9a9a9a;
 }
 ul.woocommerce-error li {
    display: flex;
    margin: 0;
    padding: 0;
 }

#site-header #site-header-inner {
	border-bottom: 1px solid #444444;
}

 /*
  * Hero Section
  */
 
.hero-section .hero-section-content h2.text-outline {
   color: transparent !important;
   -webkit-text-stroke: 2px #000000;
} 
.home #main #content-wrap {
   padding-top: 0px !important;
}

.services-1, .services-2 {
   border-top: none !important;
}

#footer-bottom.no-footer-nav #copyright {
   text-align: left !important;
   border-top: 1px solid #444444;
   padding-top: 8px;
}

/*
 * Hero Banner
 */
.hero-banner {
	position: relative;
	overflow: hidden;
	min-height: 680px;
	padding: 40px 32px 56px;
	display: flex;
	align-items: flex-start;
}

.hero-banner__content {
	position: relative;
	z-index: 3;
	width: min(78%, 980px);
}

.hero-banner__title {
	margin: 0 0 28px;
	line-height: 0.88;
	position: relative;
	z-index: 3;
}

.hero-banner__title .line-1,
.hero-banner__title .line-2 {
	display: block;
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-weight: var(--wp--custom--typography--font-weight--bold);
	letter-spacing: 0.5px;
	text-transform: lowercase;
	font-size: clamp(64px, 9vw, 170px);
}

.hero-banner__title .line-1 {
	color: #444444;
}

.hero-banner__title .line-2 {
	color: transparent;
	-webkit-text-stroke: 2px #444;
}
.hero-banner__title .line-2 {
    margin-top: 30px;
}

.hero-banner__lead {
	margin: 60px 0 20px;
	max-width: 520px;
    font-family: var(--wp--preset--font-family--barlow-condensed);
	font-size: clamp(22px, 2vw, 32px);
	line-height: 1.35;
	font-weight: 600;
	color: #444;
	position: relative;
	z-index: 3;
}

.hero-banner__desc {
	margin: 60px 0 0;
	max-width: 520px;
    font-family: var(--wp--preset--font-family--barlow);
    font-weight: var(--wp--custom--typography--font-weight--normal);
	font-size: clamp(18px, 1.5vw, 24px);
	line-height: 1.65;
	color: #444444;
	position: relative;
	z-index: 3;
}

.hero-banner__visual {
	position: absolute;
	right: 0;
	top: 0;
	width: min(44%, 620px);
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	pointer-events: none;
}

.hero-banner__visual img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* Tablet */
@media (max-width: 1024px) {
	.hero-banner {
		min-height: 560px;
		padding: 32px 24px 40px;
	}

	.hero-banner__content {
		width: min(82%, 760px);
	}

	.hero-banner__visual {
		width: min(42%, 420px);
	}
}

/* Mobile: stacked, no overlap */
@media (max-width: 767px) {
	.hero-banner {
		min-height: auto;
		padding: 24px 16px 24px;
		display: block;
	}

	.hero-banner__content {
		width: 100%;
		z-index: auto;
	}

	.hero-banner__title {
		margin-bottom: 20px;
		line-height: 0.95;
	}

	.hero-banner__title .line-1,
	.hero-banner__title .line-2 {
		font-size: clamp(42px, 13vw, 72px);
	}

	.hero-banner__lead {
		font-size: 20px;
		margin-bottom: 16px;
	}

	.hero-banner__desc {
		font-size: 17px;
	}

	.hero-banner__visual {
		position: relative;
		right: auto;
		top: auto;
		width: 100%;
		margin-top: 24px;
		justify-content: center;
		z-index: auto;
		pointer-events: auto;
	}

	.hero-banner__visual img {
		max-width: 360px;
		margin: 0 auto;
	}
}
/*
 * CSS Animation
 */
.service-box {
    transition: background 0.25s ease;
}

.service-box:hover {
    background: rgba(0,0,0,0.045);
}

.editorial-cta {
    position: relative;
    display: inline-block;

    color: #444444;
    text-decoration: none;

    padding-bottom: 8px;
}

/* Main underline */
.editorial-cta::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 0%;
    height: 1px;

    background: rgba(0,0,0,0.75);

    transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Soft depth line BELOW */
.editorial-cta::before {
    content: "";

    position: absolute;
    left: 0;
    bottom: -7px;

    width: 0%;
    height: 8px;

    background: rgba(0,0,0,0.075);

    transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.editorial-cta:hover::after {
    width: 100%;
}

.editorial-cta:hover::before {
    width: 100%;
}

.home-blog-grid .uagb-block-8d9e2a90 .uagb-post__inner-wrap {
	background: transparent !important;
}

/* Animation 16/07/2026 */
/* /* .hero-banner__title {
	animation: heroTitle 0.9s ease-out forwards;
	opacity: 0;
	transform: translateY(35px);
}

@keyframes heroTitle {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero-banner__lead {
	opacity: 0;
	transform: translateY(10px);
	animation: heroFade 0.8s ease-out forwards;
	animation-delay: .35s;
}

.hero-banner__desc {
	opacity: 0;
	transform: translateY(10px);
	animation: heroFade 0.8s ease-out forwards;
	animation-delay: .6s;
} 

@keyframes heroFade {
	to{
		opacity:1;
		transform:translateY(0);
	}
} */

.hero-banner__visual img{

	animation: floatMascot 5s ease-in-out infinite;
}

@keyframes floatMascot{

	0%{
		transform:translateY(0px);
	}

	50%{
		transform:translateY(-15px);
	}

	100%{
		transform:translateY(0px);
	}

}

/* .hero-banner__title .line-2{

	opacity:0;

	animation: outlineAppear .8s ease forwards;

	animation-delay:.25s;
}

@keyframes outlineAppear{

	to{

		opacity:1;

	}

} */
/* Table override: give tables their own width instead of the narrow reading-width constraint */
.single-post.content-max-width .wp-block-table {
    max-width: 75%;
    width: 75%;
    margin: 1.5em auto;
}

.single-post.content-max-width .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.single-post.content-max-width .wp-block-table td,
.single-post.content-max-width .wp-block-table th {
    /* font-size: 1.0625rem;   ~17px, up from the cramped default */
    font-size: 1.55rem;   /* ~17px, up from the cramped default */
    line-height: 1.5;
    padding: 0.85em 1.1em;  /* breathing room instead of tight default cell padding */
}

.single-post.content-max-width .wp-block-table th {
    font-weight: 600;
}

/* On smaller screens, let it use more of the available width */
@media (max-width: 782px) {
    .single-post.content-max-width .wp-block-table {
        max-width: 100%;
        width: 100%;
    }
}