/* Project specific CSS goes here. */

@media (max-width: 1440px) and (min-width: 1025px) {
    .logo_container {
        margin-top: 0;
    }
}

@media (max-width: 767px) and (min-width: 420px){
    .scrolled .logo_text {
        height: 54px;
    }

    .scrolled .logo_text h1,
    .scrolled .logo_text .h1,
    .scrolled .logo_text h2,
    .scrolled .logo_text .h2 {
        line-height: 1em;
    }
}
@media (max-width: 767px){
    .scrolled .logo_text {
        height: 44px;
    }

    #barra_logo_governo {
        height: 55px;
    }
    #barra_logo_governo .logo_governo {
        margin-left: 0;
    }
    #barra_logo_governo .logo_governo p {
        margin-top: 0;
        padding-left: 0;
        padding-top: 27px;
    }

    #logo .logo_container {
        margin-left: 0;
    }
    .navbar-header.testata {
        margin-bottom: 20px;
    }
    #cookie-law-info-again {
        font-size: 9pt;
    }

    .results {
        margin-top: 10px;
    }

    .sidebar {
        display: block;
    }

    #filtersSidebarHandle {
        display: block!important;
        position: absolute;
        background-color: #fff;
        top: 150px;
        right: 0;
        opacity: 0.75;
    }
    #filtersSidebarHandle #filtersSidebarButton {
        display: block;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        background: #000 no-repeat left center;
        padding: 2px 4px;
        margin-right: 3px;
        cursor: hand;
    }

    #id_numero {
        width: 40%;
    }
}


.result {
    padding: 20px 10px 0 10px;
}
.result:hover {
    background-color: rgb(238, 238, 238);
}

.result h3 {
    margin-bottom: 5px;
}

.result .page-header {
    padding-bottom: 0;
    margin: 0;
    border: 0;
}
.result .entry-content {
    margin: 5px 0;
}
.navbar-default {
    background-image: none!important;
}




.sidebar {
    background-color: rgb(238, 238, 238);
}

.sidebar-module-inset {
    padding-right: 10px;
}

.sidebar-filters {
    margin: 10px;
}

.sidebar-filters h3 {
    margin: 0;
}

/* Make search input match fieldset width */
.sidebar-module-inset form > .fieldWrapper.form-group input[type="text"],
.sidebar-module-inset form > .fieldWrapper.form-group input.form-control-lg {
    width: 100%;
    box-sizing: border-box;
}

form h3, form h4 {
    margin: 0;
}

form {
    margin: 10px;
}

.sidebar hr {
    border-bottom: 1px solid gainsboro;
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-break: keep-all;
}

.btn-default {
    border-color: #ccc;
    color: #333!important;
    background-color: #fff;
}

.btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
}

div.result p {
    margin: 0;
}

select#id_anno{
    background-color: white;
}

ul#pagination-digg{border:0; margin:1em 10px; padding:0; float: right}

#pagination-digg li{
    border:0; margin:0; padding:0;
    list-style:none;
    float:left;
    display: block;
    margin-right:0px;
}
#pagination-digg a{
    border:solid 1px #dedede;
    margin-right:0px;
    font-weight: normal;
}

#pagination-digg a,
#pagination-digg .ellipsis,
#pagination-digg .active
{
    padding:0.6em 1em;
}
#pagination-digg .next a,
#pagination-digg .previous a {
}

#pagination-digg .ellipsis {
    padding: 0 1em;
}
#pagination-digg .active{
    background:#EAE9E5;
    color:black;
    font-weight:bold;
    border:solid 1px #0e0e0e
}
#pagination-digg a:link,
#pagination-digg a:visited {
    color:black;
    text-decoration:none;
}
#pagination-digg a:hover{
    border:solid 1px #0e0e0e
}

/* Force proper font sizing to match original exactly */
html {
    font-size: 14px !important;
}

body {
    font-size: 1.125em !important;
    font-family: "Titillium Web", Helvetica, Arial, sans-serif !important;
    line-height: 1.428571429 !important;
}

/* Filter Groups Styling */
.filter-group {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin: 0 0 15px 0;
    background-color: #fafafa;
}

.filter-group h4 {
    margin-top: 10px;
    font-size: 0.95em;
    color: #555;
}

.filter-group h4:first-child {
    margin-top: 0;
}

.filter-group .fieldWrapper {
    margin-bottom: 10px;
}

/* Horizontal form layout */
.filter-group .form-group.row {
    margin-left: 0;
    margin-right: 0;
}

.filter-group .control-label {
    padding-top: 7px;
    text-align: right;
    font-weight: normal;
}

.form-actions {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

.form-actions .btn {
    margin-right: 10px;
}

/* Copy URL Button Styling */
.btn-copy-url {
    background: none;
    border: none;
    color: #337ab7;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.btn-copy-url:hover {
    color: #23527c;
    text-decoration: underline;
}

.btn-copy-url:focus {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
}

.btn-copy-url.copied {
    color: #5cb85c;
}

.btn-copy-url i {
    margin-right: 4px;
}

/* Copy feedback message */
.copy-feedback {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 8px;
    background-color: #5cb85c;
    color: white;
    border-radius: 3px;
    font-size: 0.85em;
    animation: fadeInOut 2s ease-in-out;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(-5px); }
    15% { opacity: 1; transform: translateY(0); }
    85% { opacity: 1; transform: translateY(0); }
    100% { opacity: 0; transform: translateY(-5px); }
}

/* Social Icons Styling */
.social-ico .header-social,
.box_text_footer_social .footer_social {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.social-ico .social,
.footer_social {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.social .seguici {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-right: 8px;
}

.social-profile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer !important;
}

.social-profile .social_icon {
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
}

/* ============================================
   UI Improvements: Spacing and Breathing Room
   ============================================ */

/* 1. Separate content area from header */
#content.site-content {
    margin-top: 60px;
}

/* Header visual separator - subtle shadow */
header#page.site {
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.15);
}

/* 2. Increase spacing between results column and sidebar */
.results.clearfix {
    padding-right: 30px;
}

/* 3. Increase margin between delibera items */
.result {
    margin-bottom: 25px;
}

/* 4. Add spacing below section titles in sidebar */
.sidebar h3 {
    margin-bottom: 15px;
}

.sidebar h4 {
    margin-top: 15px;
    margin-bottom: 10px;
}

/* 5. Add lateral padding to page container */
#content.site-content.container {
    padding-left: 30px;
    padding-right: 30px;
}

/* 6. Additional breathing room for sidebar module */
.sidebar-module-inset {
    padding: 15px;
}

/* 7. Better separation between filter groups */
.filter-group {
    margin-bottom: 20px;
}

/* 8. Space after filter section titles */
.sidebar-filters h3 {
    margin-bottom: 15px;
}

.sidebar-filters p {
    margin-bottom: 15px;
}

/* 9. Space between paginator and footer */
#pagination-digg {
    margin-bottom: 40px;
}

.results.clearfix {
    padding-bottom: 30px;
}