/*
Theme Name: espinasweb Child
Theme URI: https://sitedp.com
Author: Espinasweb sitedp.com
Author URI: https://sitedp.com
Description: child theme. Parent theme: espinasweb.
Version: 1.0.1
Template: espinasweb
Text Domain: espinaswebchild
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready
*/


/* === 1) فرم رمز: جابه‌جایی و تمام‌عرض شدن ========================== */
.ppc-login-form-container {
    position: relative;          /* نسبت به جایگاه اصلی */
    top: -300px;                 /* ۳۰۰px بالا برو */
    z-index: 20;                 /* بالاتر از محتوا */

    /* تمام‌عرضِ کانتینر والد */
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;

    /* ظاهر دلخواه؛ هماهنگ با تم تیره */
    padding: 2rem 1.5rem;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    display: flex;
}

/* در موبایل کمتر بالا بیاید */
@media (max-width: 768px) {
    .ppc-login-form-container {
        top: -150px;
    }
}

/* === 2) باکس توضیح دسته‌بندی با محوشدگی پایین ==================== */
.ppc-category-description {
    position: relative;
    max-height: 800px;           /* ارتفاع قابل‌دیدن؛ عدد دلخواه */
    overflow: hidden;            /* بقیه مخفی می‌ماند */

    /* ماسک تدریجی: 70٪ اول کاملاً دیده می‌شود، سپس محو می‌شود */
    -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
            mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
}



#ppc-login-form-1 p {
    color:#ffffff;
    opacity:1;
    z-index:100;
    
}


/* === فرم رمز شیشه‌ای =========================================== */
#ppc-login-form-1 {


    /* پایهٔ رنگ پس‌زمینه برای مرورگرهای قدیمی */
    background: rgba(255, 255, 255, 0.08);   /* نیمه‌شفاف بر تم تیره */
    border: 1px solid rgb(255 255 255 / 13%);
    border-radius: 8px;
    box-shadow: 0 12px 32px rgb(12 12 12 / 0%);
    padding: 2rem 1.5rem;

    /* تایپوگرافی مناسب روی پس‌زمینهٔ شیشه‌ای */
    color: #fff;
}

/* بلور و اشباع رنگ – فقط اگر پشتیبانی شود */
@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
    #ppc-login-form-1 {
        background: rgb(0 0 0 / 67%);   /* با تم تیره هماهنگ‌تر */
        backdrop-filter: blur(5px) saturate(180%);
        -webkit-backdrop-filter: blur(2px) saturate(180%);
    }
}

/* در موبایل کمی پایین‌تر بیاید تا فضای کافی باشد */
@media (max-width: 768px) {
    #ppc-login-form-1 {
        top: -150px;
    }
}



/* ───────── 2) چیدمان و تایپوگرافی فرم ───────── */
#ppc-login-form-1{            /* خودِ <form> */
    display:flex;
    flex-direction:column;
    gap:1.25rem;              /* فاصله عمودی یکدست */
    justify-content: center;
    align-items: center;
    max-width: 590px;
    min-height: 230px;
}

#ppc-login-form-1 p{
    margin:0;
    line-height:1.6;
    font-size: 20px;
    color: #ffffff;
}

/* تیپ (Tip) و برچسب ورودی */
.ppc-login-form-label-text{
    display:block;
    margin-bottom:.35rem;
    font-size: 17px;
    color:#c7c7c7;
    font-weight:400;
}

/* گروه لیبل + اینپوت */
.ppc-password-label{
    display:flex;
    flex-direction:column;
    gap:.5rem;
}

/* فیلد پسورد */
.ppc-login-form-password{
    width:100%;
    padding:.75rem 1rem;
    font-size: 18px;
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.25);
    border-radius:4px;
    outline:none;
    transition:border .2s, background .2s;
}
.ppc-login-form-password:focus{
    border-color:#7aa0ff;
    background:rgba(255,255,255,.12);
}

/* دکمهٔ ورود */
.ppc-login-form-submit{
    padding: 13px 25px;
    font-size: 14px;
    font-weight:600;
    text-transform:uppercase;
    color: #ffffff;
    background: #d4af37;
    border:none;
    border-radius:4px;
    cursor:pointer;
    transition:background .2s ease;
}
.ppc-login-form-submit:hover{
    background:#628dff;
}

/* حذف <br>‌های اضافی (اختیاری) */
#ppc-login-form-1 br{display:none;}




/* ---------- متن واقعی فیلد هنگام فوکوس هم سفید بماند ---------- */
#ppc-login-form-1 .ppc-login-form-password,
#ppc-login-form-1 .ppc-login-form-password:focus {
    color: #ffffff !important;
}


.logo-img {
  max-height: 60px; /* یا هر ارتفاع مناسب دیگر */
  height: auto;
}