/************************* brickala main *************************/
/*
    @author          Mohammad Khorasani
    @copyright       https://Brickala.com/
    @author_site     https://Mkhorasani.ir/
*/

/************************* css reset *************************/

/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}
/* 2. Remove default margin */
* {
  margin: 0;
}
/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}
/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/* 7. Inherit fonts for form controls */
input, button, textarea, select {
  font: inherit;
}
/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/* 9. Improve line wrapping */
p {
  text-wrap: auto;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: auto;
}
/*
  10. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

/************************* adding fonts *************************/
@font-face {
    font-family: 'iransansxv';
    src: url('../../fonts/woff/IRANSansXV.woff') format('woff-variations'),
    /* will be the standard and works in Safari now */
    url('../../fonts/woff/IRANSansXV.woff') format('woff');
    /* for the other supporting browsers */
    font-weight: 100 1000;
    font-display: fallback;
    font-display: swap;
}

@font-face {
    font-family: iransansx;
    src: url('../../fonts/woff/IRANSansX-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: iransansx;
    src: url('../../fonts/woff/IRANSansX-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

body {
    font-family: iransansx, tahoma;
}
@supports (font-variation-settings: normal) {
    body {
     font-family: 'iransansxv', tahoma;
    }
}


/************************* main style *************************/
body {
    background: #fff; /* پس‌زمینه سفید برای تست افکت */
}

body > svg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	z-index: -1;
	opacity: 0.15; /* تنظیم شفافیت برای افکت ملایم‌تر */
}

@media (max-width: 900px) {
	body > svg {
		transform: rotate(90deg) scale(2.2);
		object-fit: cover;
		height: 100%;
		width: auto;
	}
}

a,a:hover {
    text-decoration: none;
	color: #444;
}

html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 80px;
}

p {
	line-height: 2;
}

/************************* geradient class *************************/
.gradientBg {
	background: #C2AE97;
	background: linear-gradient(107deg, rgba(194, 174, 151, 1) 20%, rgba(155, 121, 93, 1) 80%);
}

.reveal{
	opacity:0;
	transform:translateY(40px);
	transition:1s;
}

.reveal.show{
	opacity:1;
	transform:none;
}



/* Notification Glass - Contact Form 7 */

.wpcf7-response-output{
    position: fixed !important;
    top: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(-30px);
    
    min-width: 320px;
    max-width: min(90vw, 700px);

    padding: 18px 24px !important;
    margin: 0 !important;

    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.18);

    backdrop-filter: blur(18px) saturate(180%);
    -webkit-backdrop-filter: blur(18px) saturate(180%);

    background: rgba(255,255,255,.12);

    color: #fff;
    font-size: 15px;
    line-height: 1.7;

    box-shadow:
        0 10px 40px rgba(0,0,0,.18),
        inset 0 1px rgba(255,255,255,.15);

    z-index: 999999;

    opacity: 0;

    animation:
        notifyIn .45s cubic-bezier(.22,1,.36,1) forwards,
        notifyOut .5s ease 5s forwards;
}

/* موفق */
.wpcf7 form.sent .wpcf7-response-output{
    background:
        linear-gradient(
            135deg,
            rgba(0,220,130,.22),
            rgba(255,255,255,.08)
        );
}

/* خطا */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output{
    background:
        linear-gradient(
            135deg,
            rgba(255,60,60,.25),
            rgba(255,255,255,.08)
        );
}

/* آیکون */
.wpcf7-response-output::before{
    margin-left:10px;
    font-size:20px;
}

.wpcf7 form.sent .wpcf7-response-output::before{
    content:"✓";
}

.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.failed .wpcf7-response-output::before{
    content:"⚠";
}

@keyframes notifyIn{
    from{
        opacity:0;
        transform:
            translateX(-50%)
            translateY(-30px)
            scale(.96);
    }

    to{
        opacity:1;
        transform:
            translateX(-50%)
            translateY(0)
            scale(1);
    }
}

@keyframes notifyOut{
    to{
        opacity:0;
        transform:
            translateX(-50%)
            translateY(-20px)
            scale(.98);

        visibility:hidden;
    }
}

/* موبایل */
@media (max-width:768px){
    .wpcf7-response-output{
        width: calc(100vw - 32px);
        padding:16px 18px !important;
        border-radius:18px;
    }
}