/* ==========================================================================
   DREAMERS THEME
   Version: 1.0
   File: app.css

   Regole globali del tema.
   Non utilizzare questo file per componenti o utility.

   ========================================================================== */


/* ==========================================================================
   ROOT
   ========================================================================== */

html {

    overflow-x: hidden;

}


body {

    overflow-x: hidden;

}


/* ==========================================================================
   MAIN
   ========================================================================== */

main {

    display: block;

}


/* ==========================================================================
   IMAGES
   ========================================================================== */

img {

    user-select: none;

    -webkit-user-drag: none;

}


/* ==========================================================================
   WORDPRESS MEDIA
   ========================================================================== */

.wp-block-image {

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

}

.wp-block-image img {

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

}


.wp-block-cover {

    overflow: hidden;

}


/* ==========================================================================
   WORDPRESS EMBEDS
   ========================================================================== */

.wp-block-embed {

    margin-block: var(--space-16);

}


.wp-block-embed iframe {

    width: 100%;

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

}


/* ==========================================================================
   SCREEN READER
   ========================================================================== */

.screen-reader-text {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0;

}


/* ==========================================================================
   WORDPRESS ALIGNMENTS
   ========================================================================== */

.aligncenter {

    display: block;

    margin-inline: auto;

}

.alignleft {

    float: left;

    margin-right: var(--space-6);

}

.alignright {

    float: right;

    margin-left: var(--space-6);

}


/* ==========================================================================
   SELECTION IMPROVEMENTS
   ========================================================================== */

::selection {

    background: var(--color-brand-gold);

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

}


/* ==========================================================================
   SMOOTH TRANSITIONS
   ========================================================================== */

a,
button,
input,
textarea,
select {

    transition:

        color var(--duration-base) var(--ease-out),

        background-color var(--duration-base) var(--ease-out),

        border-color var(--duration-base) var(--ease-out);

}


/* ==========================================================================
   PLACEHOLDERS
   ========================================================================== */

::placeholder {

    color: var(--color-text-secondary);

    opacity: .75;

}


/* ==========================================================================
   WORDPRESS GALLERY
   ========================================================================== */

.gallery {

    display: grid;

    gap: var(--space-6);

}


/* ==========================================================================
   MISC
   ========================================================================== */

[hidden] {

    display: none !important;

}