/*
Theme Name: realsoccer-enfant
Description: Theme enfant de Realsoccer. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: Patrick RIBOULET
Author URI: https://www.groupeblelorrainefc.fr
Template: realsoccer
Version: 1.0
*/

.gdlr-logo {margin-left:initial; margin-right:initial; text-align:left;}
.wp-block-group__inner-container  {
 color: #d79f06;
 line-height: 1.5;
}

#block-40 {
 color: #d79f06;
 line-height: 3.8;
}

/* Le theme/plugin force globalement .wp-block-image a width:100%,
   ce qui casse les galeries Gutenberg en front. Override cible page 488. */
.page-id-488 .gdlr-item .wp-block-gallery.has-nested-images.columns-4.is-layout-flex {
 display: flex !important;
 flex-wrap: wrap !important;
 gap: 14px;
}

.page-id-488 .gdlr-item .wp-block-gallery.has-nested-images.columns-4.is-layout-flex figure.wp-block-image:not(#individual-image) {
 box-sizing: border-box;
 flex: 0 0 calc(25% - 10.5px) !important;
 max-width: calc(25% - 10.5px) !important;
 width: calc(25% - 10.5px) !important;
 margin: 0 !important;
}

@media (max-width: 1024px) {
 .page-id-488 .gdlr-item .wp-block-gallery.has-nested-images.columns-4.is-layout-flex figure.wp-block-image:not(#individual-image) {
  flex-basis: calc(50% - 7px) !important;
  max-width: calc(50% - 7px) !important;
  width: calc(50% - 7px) !important;
 }
}

@media (max-width: 640px) {
 .page-id-488 .gdlr-item .wp-block-gallery.has-nested-images.columns-4.is-layout-flex figure.wp-block-image:not(#individual-image) {
  flex-basis: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
 }
}

/* Hide pagination only for the FootClip Metz EmbedPlus gallery widget. */
.gdlr-widget .epyt-pagination:has(.epyt-pagebutton[data-playlistid="UU0JGjM6pK8NGIKbkllrKg0w"]) {
 display: none !important;
}

.gdlr-widget .epyt-pagination .epyt-pagebutton[data-playlistid="UU0JGjM6pK8NGIKbkllrKg0w"],
.gdlr-widget .epyt-pagination .epyt-pagebutton[data-playlistid="UU0JGjM6pK8NGIKbkllrKg0w"] ~ * {
 display: none !important;
}

/* Widget Futsal Pouilly — conteneur et vidéos empilées */
.wpm-futsal-pouilly-auto {
    margin: 0 0 8px;
    font-family: inherit;
}
.wpm-futsal-pouilly-auto p {
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 4px;
    word-break: break-word;
}
.wpm-futsal-pouilly-auto .zzzz-fp-video-v2 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background: #111;
    margin-bottom: 12px;
}
.wpm-futsal-pouilly-auto .zzzz-fp-video-v2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
@media (max-width: 767px) {
    .wpm-futsal-pouilly-auto .zzzz-fp-video-v2 {
        margin-bottom: 8px;
    }
}

/* Sidebar single post: aligne le 1er widget bloc avec le haut de l'image principale */
.single-post .gdlr-sidebar .widget.widget_block > p {
    margin: 0;
}

.single-post .gdlr-sidebar .widget.widget_block:first-child,
.single-post .gdlr-sidebar .widget.widget_block:first-child .gdlr-item {
    margin-top: 0 !important;
}

@media (min-width: 768px) {
    .single-post .gdlr-sidebar .widget.widget_block:first-child {
        margin-top: -6px !important;
    }
}

/* Footer: align social icons horizontally and restore brand colors. */
#footer-widget-2 .wp-block-social-links,
#block-40 .wp-block-social-links {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    list-style: none !important;
    margin: 8px 0 0;
    padding: 0;
}

#footer-widget-2 .wp-block-social-links li,
#block-40 .wp-block-social-links li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

#footer-widget-2 .wp-social-link,
#block-40 .wp-social-link {
    transition: transform .15s ease, opacity .15s ease;
}

#footer-widget-2 .wp-social-link:hover,
#block-40 .wp-social-link:hover {
    transform: translateY(-1px);
    opacity: .92;
}

#footer-widget-2 .wp-social-link a,
#block-40 .wp-social-link a {
    color: inherit !important;
    background: transparent !important;
}

#footer-widget-2 .wp-social-link-facebook,
#block-40 .wp-social-link-facebook {
    background: transparent !important;
    color: #1877f2 !important;
}

#footer-widget-2 .wp-social-link-twitter,
#block-40 .wp-social-link-twitter {
    background: transparent !important;
    color: #fff !important;
}

#footer-widget-2 .wp-social-link-linkedin,
#block-40 .wp-social-link-linkedin {
    background: transparent !important;
    color: #0a66c2 !important;
}

#footer-widget-2 .wp-social-link-instagram,
#block-40 .wp-social-link-instagram {
    background: transparent !important;
    color: #d6249f !important;
}

/* Force icon color on article pages too: target anchor + svg + path. */
.footer-wrapper #footer-widget-2 .wp-social-link-facebook .wp-block-social-link-anchor,
.footer-wrapper #block-40 .wp-social-link-facebook .wp-block-social-link-anchor,
.footer-wrapper #footer-widget-2 .wp-social-link-facebook svg,
.footer-wrapper #block-40 .wp-social-link-facebook svg {
    color: #1877f2 !important;
    fill: currentColor !important;
}

.footer-wrapper #footer-widget-2 .wp-social-link-twitter .wp-block-social-link-anchor,
.footer-wrapper #block-40 .wp-social-link-twitter .wp-block-social-link-anchor,
.footer-wrapper #footer-widget-2 .wp-social-link-twitter svg,
.footer-wrapper #block-40 .wp-social-link-twitter svg {
    color: #fff !important;
    fill: currentColor !important;
}

/* Replace Twitter bird with X logo in footer social links. */
#footer-widget-2 .wp-social-link-twitter .wp-block-social-link-anchor,
#block-40 .wp-social-link-twitter .wp-block-social-link-anchor {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#footer-widget-2 .wp-social-link-twitter .wp-block-social-link-anchor svg,
#block-40 .wp-social-link-twitter .wp-block-social-link-anchor svg {
    opacity: 0;
}

#footer-widget-2 .wp-social-link-twitter .wp-block-social-link-anchor::before,
#block-40 .wp-social-link-twitter .wp-block-social-link-anchor::before {
    content: "X";
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    font-family: Arial, sans-serif;
    color: #fff;
}

.footer-wrapper #footer-widget-2 .wp-social-link-linkedin .wp-block-social-link-anchor,
.footer-wrapper #block-40 .wp-social-link-linkedin .wp-block-social-link-anchor,
.footer-wrapper #footer-widget-2 .wp-social-link-linkedin svg,
.footer-wrapper #block-40 .wp-social-link-linkedin svg {
    color: #0a66c2 !important;
    fill: currentColor !important;
}

.footer-wrapper #footer-widget-2 .wp-block-social-link svg path,
.footer-wrapper #block-40 .wp-block-social-link svg path {
    fill: currentColor !important;
}

/* Instagram: true gradient logo using a masked pseudo-element. */
#footer-widget-2 .wp-social-link-instagram .wp-block-social-link-anchor,
#block-40 .wp-social-link-instagram .wp-block-social-link-anchor {
    position: relative;
    width: 24px;
    height: 24px;
    display: inline-block;
}

#footer-widget-2 .wp-social-link-instagram .wp-block-social-link-anchor svg,
#block-40 .wp-social-link-instagram .wp-block-social-link-anchor svg {
    opacity: 0;
}

#footer-widget-2 .wp-social-link-instagram .wp-block-social-link-anchor::before,
#block-40 .wp-social-link-instagram .wp-block-social-link-anchor::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 8%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622z M12,7.378c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08s0.484,1.08,1.08,1.08s1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622z M12,7.378c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08s0.484,1.08,1.08,1.08s1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z'/></svg>") center / contain no-repeat;
}