/*=========================================
  DICTIONARY SECTION
=========================================*/

.fz-dictionary-section {

    position: relative;

    width: 100%;

    background-image: var(--dictionary-bg-desktop);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    overflow: hidden;

    direction: rtl;

}


/*=========================================
  CONTAINER
=========================================*/

.fz-dictionary-container {

    position: relative;

    width: 100%;

max-width: 1100px;
    margin: 0 auto;

    padding: var(--space-lg) var(--space-sm);
        box-sizing: border-box;


    text-align: center;

}


/*=========================================
  TITLE
=========================================*/

.fz-dictionary-title {

    width: 100%;
    max-width: 1100px;

    margin: 0 auto var(--space-lg);

    color: var(--color-primary);

    font-family: var(--font-fa);

    font-size: var(--fs-h2);

    font-weight: 700;

    line-height: 1.6;

    text-align: right;

}


/*=========================================
  DESCRIPTION
=========================================*/

.fz-dictionary-description {

    max-width: 1100px;

    margin: 0 auto var(--space-xl);

    color: var(--color-text);

    font-family: var(--font-fa);

    font-size: var(--fs-body);

    line-height: 2.2;

    text-align: justify;

}


.fz-dictionary-description p {

    margin: 0 0 var(--space-md);

}


.fz-dictionary-description p:last-child {

    margin-bottom: 0;

}


/*=========================================
  SEARCH + ACTIONS
=========================================*/

.fz-dictionary-search-area {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: var(--space-md);

    width: 100%;

    max-width: 1100px;

    margin: 0 auto;

}


/*=========================================
  SEARCH
=========================================*/

.fz-dictionary-search {

    flex: 1 1 auto;

    min-width: 0;

}


.fz-dictionary-search-form {
    display: flex;
    align-items: center;
    gap: var(--space-md);
     flex: 1 1 auto;
    min-width: 0;
}

.fz-dictionary-search-field {
    flex: 1 1 auto;
    min-width: 0;
}


.fz-dictionary-search-input {

    width: 100%;

    height: 50px;

    padding: 0 var(--space-lg);

    border: 1px solid var(--color-primary);

    border-radius: var(--radius-sm);

    background-color: var(--color-white);
    
    color: var(--color-primary);

    font-family: var(--font-fa);

    font-size: var(--fs-small);
    
        color: var(--color-primary);


    outline: none;

    box-sizing: border-box;

    transition: var(--transition);
    

}


.fz-dictionary-search-input::placeholder {

    color: var(--color-primary);

    opacity: .75;

}


.fz-dictionary-search-input:focus {

    border-color: var(--color-primary);

    box-shadow: 0 0 0 3px rgba(0, 162, 157, .10);

}


/*=========================================
  SEARCH BUTTON
=========================================*/

.fz-dictionary-search-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: var(--space-sm);

    height: 50px;

    padding: 0 var(--space-lg);

    border: 1px solid var(--color-orange);

    border-radius: var(--radius-sm);

    background-color: var(--color-orange);

    color: var(--color-white);

    font-family: var(--font-fa);

    font-size: var(--fs-small);

    font-weight: 700;

    white-space: nowrap;

    cursor: pointer;

    transition: var(--transition);
    width: 200px;

height: 50px;

box-sizing: border-box;

}


.fz-dictionary-search-button:hover {

    background-color: var(--color-white);

    border-color: var(--color-orange-hover);
    color: var(--color-orange);

}


/*=========================================
  SEARCH ICON
=========================================*/

.fz-dictionary-search-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 18px;

    height: 18px;

    color: var(--color-white);

}


.fz-dictionary-search-icon svg {

    width: 18px;

    height: 18px;

    stroke: currentColor;

    fill: none;

    stroke-width: 2;

}


/*=========================================
  MAIN DICTIONARY BUTTON
=========================================*/

.fz-dictionary-actions {

    display: flex;

    align-items: center;

}


.fz-dictionary-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    height: 50px;

    padding: 0 var(--space-lg);

    border: 1px solid var(--color-orange);

    border-radius: var(--radius-sm);

    background-color: var(--color-white);

    color: var(--color-orange);

    font-family: var(--font-fa);

    font-size: var(--fs-small);

    font-weight: 700;

    text-decoration: none;

    white-space: nowrap;

    transition: var(--transition);
width: 200px;

height: 50px;

box-sizing: border-box;
}


.fz-dictionary-button:hover {

    background-color: var(--color-orange);

    color: var(--color-white);

}


/*=========================================
  SEPARATOR
=========================================*/

.fz-dictionary-separator {

    width: 100%;

    margin-top: var(--space-2xl);

    text-align: center;

}


.fz-dictionary-separator img {

    display: block;


    max-width: 1100px;

    height: auto;

    margin: 0 auto;

}


/*=========================================
  MOBILE
=========================================*/

@media (max-width: 767px) {

    .fz-dictionary-section {

        background-image: var(--dictionary-bg-mobile);

        background-position: center center;

        background-size: cover;

    }


    .fz-dictionary-container {

        padding:
            var(--space-xl)

    }


    .fz-dictionary-title {

        margin-bottom: var(--space-lg);

        font-size: var(--fs-h3);

        line-height: 1.7;

        text-align: center;

    }


    .fz-dictionary-description {

        margin-bottom: var(--space-xl);

        font-size: var(--fs-small);

        line-height: 2.1;

        text-align: justify;

    }

    .fz-dictionary-section{

        padding-left:12px;
        padding-right:12px;
        box-sizing:border-box;

    }
.fz-dictionary-separator{

    padding-left:20px;

    padding-right:20px;

    box-sizing:border-box;

}

.fz-dictionary-separator img{

    width:100%;

    display:block;

}


/*=========================================
      DICTIONARY SEARCH - MOBILE
    =========================================*/

    .fz-dictionary-search-area {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: var(--space-md);
        width: 100%;
    }


    /*-----------------------------------------
      Search Form
    -----------------------------------------*/

    .fz-dictionary-search-form {
        display: contents;
    }


    /*-----------------------------------------
      Search Input
    -----------------------------------------*/

    .fz-dictionary-search-field {
        flex: 0 0 100%;
        width: 100%;
        min-width: 0;
    }

    .fz-dictionary-search-input {
        display: block;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
    }


    /*-----------------------------------------
      Buttons Row
    -----------------------------------------*/

    .fz-dictionary-search-button,
    .fz-dictionary-actions {
flex: 0 0 calc((100% - var(--space-md)) / 2);
    width: calc((100% - var(--space-md)) / 2);
    min-width: 0;
    max-width: calc((100% - var(--space-md)) / 2);

    height: 50px;
    min-height: 50px;
    max-height: 50px;

    box-sizing: border-box;

    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    }


    /*-----------------------------------------
      Search Button
    -----------------------------------------*/

    .fz-dictionary-search-button {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    /*-----------------------------------------
      Dictionary Button Wrapper
    -----------------------------------------*/

    .fz-dictionary-actions {
        display: flex;
        align-items: stretch;
    }


    /*-----------------------------------------
      Dictionary Button
    -----------------------------------------*/

    .fz-dictionary-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        box-sizing: border-box;
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .fz-dictionary-separator {

        margin-top: var(--space-xl);

    }
  .fz-dictionary-search-area {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-md);
    }

    .fz-dictionary-search-form {
        display: contents;
    }

    .fz-dictionary-search-field {
        flex: 0 0 100%;
        width: 100%;
    }

    .fz-dictionary-search-input {
        width: 100%;
        height: 50px;
    }

}

/*=====================================================
  GLOSSARY SEO CONTENT
=====================================================*/

.glossary-seo-intro{

    margin-bottom:35px;

    padding:30px;

    background:var(--color-light);

    border-right:4px solid var(--color-primary);

    border-radius:10px;

    direction:rtl;

    text-align:right;

}

.glossary-seo-intro h1{

    margin-top:0;

    margin-bottom:15px;

    color:var(--color-primary);

    font-size:22px;

    line-height:1.6;

    text-align:right;

}

.glossary-seo-intro p{

    margin:0;

    color:var(--color-text);

    font-size:15px;

    line-height:2;

    text-align:justify;

}


/*=====================================================
  GLOSSARY SEO CONTENT
=====================================================*/

.glossary-seo-intro{

    margin-bottom:35px;

    padding:30px;

    background:var(--color-surface-light);

    border-right:4px solid var(--color-primary);

    border-radius:var(--radius-md);

    direction:rtl;

    text-align:right;

}


/*=====================================================
  SEO INTRO TITLE
=====================================================*/

.glossary-seo-intro h1{

    margin-top:0;

    margin-bottom:15px;

    color:var(--color-primary);

    font-size:22px;

    line-height:1.7;

    direction:rtl;

    text-align:right;

}


/*=====================================================
  SEO INTRO TEXT
=====================================================*/

.glossary-seo-intro p{

    margin:0 0 15px;

    color:var(--color-text);

    font-size:15px;

    line-height:2;

    direction:rtl;

    text-align:justify;

}



/*=====================================================
  GLOSSARY SEO OUTRO
=====================================================*/

.glossary-seo-outro{

    margin-top:50px;

    padding:30px;

    border-top:1px solid var(--color-border);

    color:var(--color-text);

    direction:rtl;

    text-align:right;

}


/*=====================================================
  SEO OUTRO TITLE
=====================================================*/

.glossary-seo-outro h2{

    margin-top:0;

    margin-bottom:15px;

    color:var(--color-primary);

    font-size:22px;

    line-height:1.7;

    direction:rtl;

    text-align:right;

}


/*=====================================================
  SEO OUTRO TEXT
=====================================================*/

.glossary-seo-outro p{

    margin:0 0 15px;

    color:var(--color-text);

    font-size:15px;

    line-height:2;

    direction:rtl;

    text-align:justify;

}

.glossary-seo-outro p:last-child{

    margin-bottom:0;

}
/* Dictionary — reduce internal top spacing */
.fz-dictionary-section .fz-dictionary-container {
	padding-top: var(--space-sm);
}