/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

wp_enqueue_style('main-style', get_stylesheet_uri(), array(), time());


/* hapus semua garis hr bawaan homepage */
.home hr,
.home .wp-block-separator,
.home .wp-site-blocks hr,
.home header:before,
.home header:after {
    display:none !important;
    border:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

body.home hr,
body.home .wp-block-separator,
body.home .wp-block-separator.is-style-default,
body.home .wp-block-separator:not(.has-background) {
  display: none !important;
  border: none !important;
  background: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-info,
.powered-by {
  display:none !important;
}

#header,
#footer{
	display: none!important;
}

/* =========================================================
   NAVBAR UTAMA
   ========================================================= */

.damg-navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 9999;
	transition: background 0.3s, padding 0.3s;
	background: transparent;
}

/* Efek saat di-scroll */
.damg-navbar.scrolled {
	background: rgba(0, 0, 0, 0.85);
	padding: 25px 30px;
}

.damg-navbar .navbar-brand {
	display: flex;
	align-items: center;
}

.damg-navbar .navbar-brand img {
	height: 25px;
	width: auto;
	display: block;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.damg-navbar .navbar-brand img:hover {
	opacity: 0.8;
	transform: scale(1.05);
}


.damg-navbar nav a {
	color: #fff;
	margin-left: 20px;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s;
}

.damg-navbar nav a:hover {
	color: #ccc;
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
	.damg-navbar {
		padding: 20px 15px;
		flex-direction: column;
		align-items: flex-start;
	}

	.damg-navbar .navbar-brand {
		margin-bottom: 10px;
	}

	.damg-navbar .navbar-brand img {
		height: 22px;
	}

	.damg-navbar nav {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.damg-navbar nav a {
		margin-left: 0;
		margin-right: 10px;
		font-size: 14px;
	}
}



/* =========================================================
   FORCE FULL BLEED AREA (Slider Full Width + Height Control)
   ========================================================= */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.mySwiper,
.swiper-wrapper,
.swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.home-slider-area,
.mySwiper {
  width: 100%;
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.slide-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

/* ===== SLIDE AREA ===== */
.mySwiper .swiper-slide {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* =========================================================
   RESPONSIVE FIXES
   ========================================================= */



/* Pastikan container tidak dibatasi */
.home-slider-area,
.mySwiper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden;
}

/* Override inline width Swiper */
.swiper-wrapper,
.swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
}

/* Mobile fix agar tidak melewati layar */
@media (max-width: 767px) {
  .home-slider-area,
  .mySwiper,
  .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
/* 	height: 90% !important; */
    margin: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .home-slider-area,
  .mySwiper,
  .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
/* 	height: 90% !important; */
    margin: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
  }
}

/* TEXT */
.slide-text {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  max-width: 1000px;
  padding:20px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.slide-text h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 48px;
  font-weight: 200;
  margin: 15px auto;
  letter-spacing: 0.7em;
  line-height: 1.4;
  text-transform: uppercase;
}

.slide-text p {
  font-size: 16px;
  margin-bottom: 20px;
  letter-spacing: 0.3em;
}

.slide-link {
  color: #fff;
  text-decoration: none;
  display: inline-block;
  transition: 0.3s;
}

/* READ MORE */
.readmore-btn {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid rgba(34, 34, 34, 0.9);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 11px;
  transition: 0.3s;
  letter-spacing: 2px;
  background: rgba(34, 34, 34, 0.9);
}

.readmore-btn:hover {
  background: #fff;
  color: #000;
  border:#fff;
}

/* BULLET */
.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  opacity: 0.4 !important;
}

.swiper-pagination-bullet-active {
  background: #ccc !important;
  opacity: 1 !important;
}

.swiper-button-prev,
.swiper-button-next {
  width: 60px !important;
  height: 90px !important;
  background: rgba(255,255,255,0.9) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 1px) !important;
  right: auto !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 1px) !important;
  left: auto !important;
}

/* right arrow segitiga */
.swiper-button-next {
  right: 0;
  clip-path: polygon(100% 0, 25% 50%, 100% 100%);
}

/* left arrow segitiga */
.swiper-button-prev {
  left: 0;
  clip-path: polygon(0 0, 75% 50%, 0 100%);
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: 'prev' !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 10px !important;
  position: relative !important;
  right: 10px !important;
}

.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: 'next' !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
  padding: 25px 1px 25px 10px !important;
  position: relative !important;
  left: 10px !important;
}

/* Hover effect */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: rgba(255,255,255,1) !important;
}




/* ABOUT AREA */
.damg-about-area{
    width:100%;
    margin:60px 0 0;
}

.damg-about-area .container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

.about-content h2{
    text-align:center;
    font-size:24px;
    margin-bottom:32px;
    letter-spacing:2px;
    font-weight:600;
}

/* paragraph 2 column */
.about-text{
    display:flex;
    justify-content:space-between;
    gap:40px;
    text-align:left;
}

.about-text p{
    width:50%;
    font-size:15px;
    line-height:1.7;
}

/* MAP */
.damg-map-area{
    margin-top:60px;
}
/* MAP GRAY MODE */
.damg-map-area iframe{
    filter: grayscale(100%) brightness(0.9);
    opacity:0.9;
    transition: .3s;
}

.damg-map-area iframe:hover{
    opacity:1;
}

@media (max-width: 768px) {
    .damg-about-area .container {
        width: 100%;
        padding: 0;
    }
}

/* =========================================================
   FOOTER BRAND SECTION (FINAL RESPONSIVE VERSION)
   - Desktop : Logo horizontal sejajar
   - Mobile  : Logo vertikal sejajar tengah
========================================================= */

/* DESKTOP DEFAULT */
body section.damg-footer-brand {
  background: #000 !important;
  padding: 200px 20px 100px !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body section.damg-footer-brand ul {
  list-style: none !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important; /* agar rapi jika layar sedang */
  justify-content: center !important;
  align-items: center !important;
  gap: 35px !important;
  width: 100% !important;
}

body section.damg-footer-brand ul li {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body section.damg-footer-brand ul li a {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body section.damg-footer-brand ul li img {
  width: 200px !important;
  height: auto !important;
  display: block !important;
  filter: brightness(0) invert(1) !important;
  transition: opacity 0.3s ease !important;
}

body section.damg-footer-brand ul li img:hover {
  opacity: 0.6 !important;
}

body section.damg-footer-brand .damg-copy {
  color: #fff !important;
  font-size: 13px !important;
  margin-top: 100px !important;
  opacity: 0.8 !important;
}

/* ======== TABLET MODE (768px – 1023px) ======== */
@media (max-width: 1023px) {
  body section.damg-footer-brand {
    padding: 150px 20px 80px !important;
  }

  body section.damg-footer-brand ul {
    gap: 25px !important;
  }

  body section.damg-footer-brand ul li img {
    width: 160px !important;
  }
}

/* ======== MOBILE MODE (≤768px) ======== */
@media (max-width: 768px) {
  body section.damg-footer-brand {
    padding: 100px 20px 60px !important;
  }

  body section.damg-footer-brand ul {
    display: flex !important;
    flex-direction: column !important; /* vertikal */
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body section.damg-footer-brand ul li {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  body section.damg-footer-brand ul li img {
    width: 180px !important;
    height: auto !important;
  }

  body section.damg-footer-brand .damg-copy {
    margin-top: 60px !important;
    font-size: 12px !important;
  }
}


/* =========================================================
   FOOTER BRAND (FORCE OVERRIDE VERSION)
   - Desktop tetap horizontal
   - Mobile wajib vertikal
========================================================= */

/* DESKTOP DEFAULT */
body section.damg-footer-brand ul {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 35px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
}

/* MOBILE (≤768px) — PAKSA VERTIKAL */
@media only screen and (max-width: 768px) {
  html body section.damg-footer-brand ul,
  html body section.damg-footer-brand ul.flex,
  html body .damg-footer-brand > ul {
    display: flex !important;
    flex-direction: column !important; /* vertikal */
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  html body section.damg-footer-brand ul li {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body section.damg-footer-brand ul li img {
    width: 180px !important;
    height: auto !important;
    display: block !important;
  }
}

/* ===== COPYRIGHT ===== */
.damg-footer-brand .damg-copy {
  color: #fff;
  font-size: 13px;
  margin-top: 100px;
  opacity: 0.8;
}