/*
Theme Name:     Thème enfant
Description:    Thème enfant de Cecile de Parlons web
Author:         Cecile de Parlons web
Author URI:     https://www.parlonsweb.eu/
Template:       oceanwp                        
Version:        0.1.0
*/

@font-face {
    font-family: 'sunn';
    src: url('fonts/sunn.eot'); /* IE9 Compat Modes */
    src: url('fonts/sunn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/sunn.woff') format('woff'), /* Modern Browsers */
         url('fonts/sunn.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/sunn.svg#svgFontName') format('svg'); /* Legacy iOS */
}

a:focus{outline:unset!important;}
a:active
{
  border-style: none;
	border: 0px solid transparent;     
}

a {
	outline: none;
	text-decoration : none;
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select .wpforms-field {
    border-top-style: hidden !important;
	border-left-style: hidden !important;
	border-right-style: hidden !important;
	border-radius: 0px;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #61C6EC;
    padding: 10px 30px;
    letter-spacing: 4px;
    font-family: "sunn";   
}
/* --- Grille pour l'archive des Réalisations --- */
.page-header, .has-transparent-header .page-header {
    padding: 50px !important;
}
.page-title .realisations-filters {
    padding: 50px;
}

.realisations-grid {
    margin: 50px;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
.realisation-item .realisation-link {
    display: block;
    border: 1px solid #eee;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    height: 100%;
    box-sizing: border-box;
    transition: box-shadow 0.3s ease;
}
.realisation-item .realisation-link:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.realisation-logo-grid {
    height: 120px;
    width: auto;
    max-width: 100%;
    object-fit: contain; /* Assure que le logo n'est pas déformé */
    margin-bottom: 15px;
}
.entry-title-grid {
    font-size: 1.2em;
    color: #333;
}

/* --- Filtres des Réalisations --- */
.realisations-filters ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.realisations-filters .filter-item a {
    display: block;
    padding: 8px 15px;
    background: #f0f0f0;
    border-radius: 5px;
    text-decoration: none;
    color: #444;
}
.realisations-filters .filter-item a:hover {
    background: #e0e0e0;
}

/* --- Portfolio sur la page single --- */
.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 15px;
    margin-top: 1em;
}
.portfolio-grid img {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}