/*
Theme Name: Kahlo Child V2 — Clement Corman
Template: kahlo
Description: Child theme epure inspire JISBAR pour Clement Corman
Version: 2.0
*/

/* === GLOBAL RESET — Epuration Kahlo === */

/* Masquer les decorations SVG du theme (sauf events) */
.qodef-title-area .qodef-m-shapes,
.qodef-title-area .qodef-button,
.qodef-title-area svg:not(.qodef-svg--back-to-top),
.qodef-page-title .qodef-m-shapes {
    display: none !important;
}
/* Reautoriser les SVG dans les widgets events Kahlo */
.qodef-events-list svg,
.qodef-events-list .qodef-m-shapes,
.qodef-event-item svg,
.qodef-events-accordion svg {
    display: inline-block !important;
}

/* Header simplifie */
#qodef-page-header-top-area {
    display: none !important;
}
.qodef-header-sticky-widget-area {
    display: none !important;
}

/* Logo = signature manuscrite */
.qodef-header-logo-link img {
    max-height: 100px !important;
    width: auto !important;
    padding: 5px 0;
}

/* Navigation epuree */
.qodef-header-navigation > ul > li > a .qodef-menu-item-text {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Supprimer le panier + langue dans le header */
.qodef-woo-dropdown-cart,
.qodef-language-switcher {
    display: none !important;
}

/* Footer epure */
#qodef-page-footer {
    border-top: 1px solid #e5e5e5;
}
#qodef-page-footer-top-area {
    padding: 50px 5% !important;
}

/* Working hours / closed day */
.qodef-working-hours-list .qodef--closed,
.qodef-working-hours-list .qodef-e-day-separator {
    display: none !important;
}

/* Title area spacing */
.qodef-title-area {
    padding: 30px 0 20px !important;
}

/* Portfolio grid propre */
.qodef-portfolio-list .qodef-e-inner {
    position: relative;
    overflow: hidden;
}
.qodef-portfolio-list .qodef-e-content {
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.95);
    padding: 15px 20px;
}
.qodef-portfolio-list .qodef-e:hover .qodef-e-content {
    opacity: 1;
}

/* CTA Band — Contact me + Newsletter */
.cug-cta-footer {
    background: #1a1a1a;
    padding: 60px 5%;
    text-align: center;
    margin-top: 80px;
}
.cug-cta-footer h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 25px;
    letter-spacing: 1px;
}
.cug-cta-footer .cug-cta-btn {
    display: inline-block;
    padding: 14px 40px;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
    transition: all 0.3s;
    margin-bottom: 30px;
}
.cug-cta-footer .cug-cta-btn:hover {
    background: #fff;
    color: #1a1a1a;
}
.cug-cta-footer .cug-newsletter {
    max-width: 400px;
    margin: 0 auto;
}
.cug-cta-footer .cug-newsletter p {
    color: rgba(255,255,255,0.6);
    font-size: 13px;
    margin-bottom: 12px;
}
.cug-cta-footer .cug-newsletter input[type="email"] {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 12px 16px;
    width: 70%;
    font-size: 14px;
}
.cug-cta-footer .cug-newsletter input[type="submit"] {
    background: #fff;
    color: #1a1a1a;
    border: 1px solid #fff;
    padding: 12px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}
@media (max-width: 768px) {
    .cug-cta-footer { padding: 40px 7%; }
    .cug-cta-footer h3 { font-size: 22px; }
}










/* CUG — Custom portfolio grid (Kahlo style) */
.cug-portfolio-grid {
    display: grid;
    gap: 30px;
}
.cug-cols-3 { grid-template-columns: repeat(3, 1fr); }
.cug-cols-2 { grid-template-columns: repeat(2, 1fr); }
.cug-cols-4 { grid-template-columns: repeat(4, 1fr); }
.cug-portfolio-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}
.cug-portfolio-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}
.cug-portfolio-item:hover img {
    opacity: 0.85;
}
.cug-portfolio-info {
    padding: 15px 0 5px;
}
.cug-portfolio-info h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
@media (max-width: 1024px) {
    .cug-cols-3, .cug-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .cug-cols-3, .cug-cols-4, .cug-cols-2 { grid-template-columns: 1fr; }
}