/* Styles Arthis Web - Wallonie Presse */
:root { --primary: #4258a4; --green: #6ea994; --grey: #444; --bg-light: #f1f1f1; }

.aw-wrapper { max-width: 900px; margin: 0 auto; background: #fff; line-height: 1.8; color: var(--grey); font-family: system-ui, -apple-system, sans-serif; position: relative; }

.aw-header-logo {
    background: #ffffff;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
.aw-brand-logo { max-width: 250px; height: auto; display: inline-block; }

.aw-banner img { width: 100%; height: auto; display: block; border-bottom: 5px solid var(--primary); }

.aw-main { padding: 40px; }
.aw-h1 { color: var(--green); font-size: 2.3em; margin-bottom: 25px; line-height: 1.2; border-left: 6px solid var(--primary); padding-left: 20px; }
.aw-h2 { color: var(--primary); font-size: 1.6em; margin-top: 40px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.aw-text { margin-bottom: 1.5em; text-align: justify; }
.aw-bold { font-weight: bold; color: var(--green); }
.aw-intro-bold { font-weight: bold; }

/* Galerie cliquable + Loupe */
.aw-work-gallery { display: flex; justify-content: space-between; gap: 15px; margin: 40px 0; }
.aw-work-gallery figure { margin: 0; flex: 1; position: relative; cursor: pointer; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.aw-work-gallery img { width: 100%; display: block; transition: 0.3s; }
.aw-work-gallery figure::after {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(66, 88, 164, 0.6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E") no-repeat center;
    opacity: 0; transition: 0.3s;
}
.aw-work-gallery figure:hover::after { opacity: 1; }
.aw-work-gallery figure:hover img { transform: scale(1.05); }
.aw-work-gallery figcaption { font-size: 0.9em; color: #666; padding: 10px; text-align: center; font-style: italic; line-height: 1.4; background: #f9f9f9; }

/* Section Services en 3 Colonnes */
.aw-key-services { display: flex; gap: 15px; margin: 20px 0; }
.aw-service-item { flex: 1; background: #f9f9f9; border-top: 4px solid var(--primary); padding: 20px 15px; border-radius: 10px; line-height: 1.4; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.aw-service-title { font-weight: bold; color: var(--primary); display: block; margin-bottom: 10px; font-size: 1.05em; }
.aw-service-btn { display: block; margin-top: 15px; padding: 8px 10px; background-color: var(--green); color: #fff !important; text-decoration: none; border-radius: 15px; font-size: 0.8em; font-weight: bold; text-align: center; transition: 0.3s ease;border: none; cursor: pointer;}
.aw-service-btn:hover { background-color: var(--primary);}

/* CONTACT CARD */
.aw-contact-card { background: var(--bg-light); padding: 35px; border-radius: 30px; margin-top: 50px; display: flex; align-items: center; gap: 30px; text-align: left; }

.aw-contact-media { flex-shrink: 0; }
.aw-portrait { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

.aw-contact-info { flex-grow: 1; }
.aw-contact-h3 { margin-top: 0; color: var(--primary); font-size: 1.4em; }
.aw-contact-text p { margin: 0 0 10px 0; text-align: left; }

.aw-social { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; font-size: 0.9em; }
.aw-social a { color: var(--primary); text-decoration: none; font-weight: bold; margin-right: 15px; }

.aw-cta-btn { display: inline-block; background: var(--primary); color: #fff !important; padding: 12px 25px; text-transform: uppercase; text-decoration: none; border-radius: 50px; font-weight: bold; margin-top: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.18); transition: 0.2s; font-size: 13px; }
.aw-cta-btn:hover { background: var(--green); transform: translateY(-2px); }

/* LIGHTBOX (Zoom) */
#aw-lightbox { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); cursor: pointer; justify-content: center; align-items: center; }
#aw-lightbox img { max-width: 90%; max-height: 90%; border: 3px solid #fff; border-radius: 4px; }

@media (max-width: 768px) {
    .aw-work-gallery { flex-direction: column; }
    .aw-h1 { font-size: 1.8em; }
    .aw-key-services { flex-direction: column; }
    .aw-service-item { margin-bottom: 10px; }
    .aw-contact-card { flex-direction: column; text-align: center; }
    .aw-contact-text p { text-align: center; }
    .aw-portrait { width: 120px; height: 120px; }
}