:root{--ag-ink:#1F2430;--ag-muted:#717784;--ag-border:#ECEEF2;--ag-soft:#F7F8FA;--ag-coral:#FF4365;--ag-saffron:#FFC233;--ag-blue:#1976F3;--ag-radius:18px} .ag-sorties-wrap,.ag-sortie-form-wrap,.ag-my-sorties,.ag-single-sortie{max-width:1120px;margin:38px auto 80px;padding:0 18px;color:var(--ag-ink);font-family:inherit}.ag-sortie-template-shell{background:#fffdfc;padding:1px 0}.ag-kicker{display:block;margin-bottom:7px;color:var(--ag-coral);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ag-sorties-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.ag-sorties-toolbar h1,.ag-form-heading h1{margin:0;font-size:34px;line-height:1.15;font-weight:850}.ag-sorties-toolbar p,.ag-form-heading p{max-width:670px;margin:9px 0 0;color:var(--ag-muted);font-size:14px;line-height:1.55}.ag-btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;font-size:12px;font-weight:800;text-decoration:none!important;cursor:pointer;transition:.18s ease;white-space:nowrap}.ag-btn:hover{transform:translateY(-1px)}.ag-btn--primary{background:var(--ag-coral);color:#fff!important;box-shadow:0 8px 18px rgba(255,67,101,.22)}.ag-btn--secondary{background:#eef4ff;color:var(--ag-blue)!important}.ag-btn--ghost{background:#fff;color:var(--ag-ink)!important;border:1px solid var(--ag-border)}.ag-btn--danger{background:#fff1f3;color:#d63d56!important}.ag-btn--disabled{background:#e9ebef;color:#9298a3!important;cursor:not-allowed}.ag-btn--block{width:100%}.ag-btn--small{min-height:34px;padding:0 13px;font-size:11px}.ag-sorties-filters{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:10px;margin-bottom:22px;padding:14px;background:#fff;border:1px solid var(--ag-border);border-radius:16px}.ag-sorties-filters input,.ag-sorties-filters select,.ag-sortie-form input,.ag-sortie-form select,.ag-sortie-form textarea{width:100%;border:1px solid var(--ag-border);border-radius:11px;background:#fbfbfc;color:var(--ag-ink);font-size:13px;outline:none}.ag-sorties-filters input,.ag-sorties-filters select,.ag-sortie-form input,.ag-sortie-form select{height:44px;padding:0 13px}.ag-sortie-form textarea{padding:12px 13px;resize:vertical}.ag-sorties-filters input:focus,.ag-sorties-filters select:focus,.ag-sortie-form input:focus,.ag-sortie-form select:focus,.ag-sortie-form textarea:focus{background:#fff;border-color:var(--ag-coral);box-shadow:0 0 0 4px rgba(255,67,101,.08)}.ag-sorties-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ag-sortie-card{overflow:hidden;background:#fff;border:1px solid var(--ag-border);border-radius:18px;box-shadow:0 8px 25px rgba(31,36,48,.055);transition:.2s ease}.ag-sortie-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(31,36,48,.09)}.ag-sortie-card__image{position:relative;display:block;height:190px;background:#f2f3f6;overflow:hidden}.ag-sortie-card__image img{width:100%;height:100%;object-fit:cover}.ag-sortie-card__placeholder,.ag-single-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#fff7df,#fff0f4)}.ag-sortie-card__placeholder span,.ag-single-placeholder span{font-size:34px;font-weight:950;color:var(--ag-coral);transform:rotate(-4deg)}.ag-state{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#eef4ff;color:var(--ag-blue);font-size:10px;font-weight:850}.ag-sortie-card__image>.ag-state,.ag-single-hero>.ag-state{position:absolute;top:13px;left:13px;background:rgba(255,255,255,.95);box-shadow:0 4px 12px rgba(31,36,48,.12)}.ag-state--cancelled,.ag-state--closed{color:#d33e55;background:#fff1f4}.ag-state--full,.ag-state--finished{color:#6e7582;background:#f0f2f5}.ag-sortie-card__body{padding:17px}.ag-sortie-category{display:inline-block;margin-bottom:8px;color:var(--ag-coral);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.ag-sortie-card h3{margin:0 0 12px;font-size:18px;line-height:1.3}.ag-sortie-card h3 a{color:var(--ag-ink);text-decoration:none}.ag-sortie-meta{display:grid;gap:7px;color:var(--ag-muted);font-size:11px}.ag-sortie-author{display:flex;align-items:center;gap:9px;margin-top:15px;padding-top:14px;border-top:1px solid var(--ag-border);font-size:11px;color:var(--ag-muted)}.ag-sortie-author img,.ag-participant img,.ag-host-card img,.ag-request img{border-radius:50%}.ag-sortie-author strong{color:var(--ag-ink)}.ag-empty-state{padding:52px 24px;text-align:center;background:#fff;border:1px dashed #d7dbe2;border-radius:20px}.ag-empty-state h3{margin:0 0 7px}.ag-empty-state p{margin:0 0 18px;color:var(--ag-muted)}.ag-sortie-notice{margin-bottom:18px;padding:13px 16px;border-radius:12px;font-size:12px;font-weight:700}.ag-sortie-notice--success{background:#eafaf5;color:#14795f}.ag-sortie-notice--error{background:#fff0f3;color:#c63550}.ag-sortie-form-wrap{max-width:820px}.ag-form-heading{margin-bottom:22px}.ag-sortie-form{display:grid;gap:18px}.ag-form-section{padding:24px 26px;background:#fff;border:1px solid var(--ag-border);border-radius:18px;box-shadow:0 8px 25px rgba(31,36,48,.045)}.ag-form-section h2{margin:0 0 18px;font-size:18px}.ag-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ag-field{margin-bottom:15px}.ag-field:last-child{margin-bottom:0}.ag-field label{display:block;margin-bottom:7px;color:#5e6470;font-size:12px;font-weight:750}.ag-field-help{margin:7px 0 0;color:#9197a2;font-size:10px;line-height:1.45}.ag-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.ag-my-section{margin-top:30px}.ag-my-section>h2{font-size:21px}.ag-manage-list{display:grid;gap:10px}.ag-manage-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;background:#fff;border:1px solid var(--ag-border);border-radius:15px}.ag-manage-item h3{margin:7px 0 4px;font-size:16px}.ag-manage-item p{margin:0;color:var(--ag-muted);font-size:11px}.ag-manage-item__actions{display:flex;gap:8px}.ag-inline-empty{padding:24px;background:#fff;border:1px dashed #d7dbe2;border-radius:15px;color:var(--ag-muted);font-size:13px}.ag-single-hero{position:relative;height:min(460px,52vw);min-height:280px;overflow:hidden;border-radius:22px;background:#fff}.ag-single-hero>img{width:100%;height:100%;object-fit:cover}.ag-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:22px}.ag-single-main,.ag-single-sidebar>div{background:#fff;border:1px solid var(--ag-border);border-radius:18px;box-shadow:0 8px 25px rgba(31,36,48,.045)}.ag-single-main{padding:27px}.ag-single-main h1{margin:0 0 17px;font-size:34px;line-height:1.2}.ag-single-facts{display:flex;flex-wrap:wrap;gap:9px 18px;padding-bottom:22px;border-bottom:1px solid var(--ag-border);color:var(--ag-muted);font-size:12px}.ag-single-facts strong{color:var(--ag-ink)}.ag-single-description{padding:22px 0;font-size:14px;line-height:1.75}.ag-single-section{padding-top:22px;margin-top:5px;border-top:1px solid var(--ag-border)}.ag-single-section h2{margin:0 0 15px;font-size:19px}.ag-info-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ag-info-list>div{padding:13px;background:var(--ag-soft);border-radius:12px}.ag-info-list span{display:block;margin-bottom:5px;color:var(--ag-muted);font-size:10px}.ag-info-list strong{font-size:12px}.ag-participant-list{display:flex;flex-wrap:wrap;gap:10px}.ag-participant{display:flex;align-items:center;gap:8px;padding:7px 11px 7px 7px;background:var(--ag-soft);border-radius:999px;font-size:11px;font-weight:700}.ag-single-sidebar{display:grid;align-content:start;gap:14px}.ag-host-card{display:flex;align-items:center;gap:12px;padding:18px}.ag-host-card span{display:block;color:var(--ag-muted);font-size:10px}.ag-host-card strong{display:block;margin-top:3px}.ag-join-card,.ag-owner-card{padding:20px}.ag-join-card>strong{font-size:20px}.ag-join-card p{margin:7px 0 16px;color:var(--ag-muted);font-size:11px;line-height:1.5}.ag-owner-note,.ag-current-status{display:block;margin-bottom:10px;padding:10px 12px;border-radius:10px;background:#eef8f5;color:#187a64;font-size:11px;font-weight:750;text-align:center}.ag-owner-card h3{margin:0 0 12px}.ag-owner-card form{margin-top:9px}.ag-request-list{display:grid;gap:9px}.ag-request{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--ag-soft);border-radius:12px}.ag-request>div:first-child{display:flex;align-items:center;gap:9px}.ag-request-actions{display:flex;gap:7px}.ag-request-actions form{margin:0}.ag-muted{color:var(--ag-muted)}.ag-sorties-pagination{margin-top:26px}.ag-sorties-pagination ul{display:flex;justify-content:center;gap:6px;list-style:none}.ag-sorties-pagination a,.ag-sorties-pagination span{min-width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid var(--ag-border);text-decoration:none}.ag-sorties-pagination .current{background:var(--ag-coral);color:#fff}.ag-state--pending{background:#fff8df;color:#8d6a00}.ag-state--publish{background:#eafaf5;color:#14795f} @media(max-width:900px){.ag-sorties-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-single-layout{grid-template-columns:1fr}.ag-single-sidebar{grid-template-columns:1fr 1fr}.ag-owner-card{grid-column:1/-1}} @media(max-width:640px){.ag-sorties-wrap,.ag-sortie-form-wrap,.ag-my-sorties,.ag-single-sortie{margin-top:20px;padding:0 11px}.ag-sorties-toolbar{align-items:flex-start;flex-direction:column}.ag-sorties-toolbar h1,.ag-form-heading h1,.ag-single-main h1{font-size:27px}.ag-sorties-filters{grid-template-columns:1fr}.ag-sorties-grid{grid-template-columns:1fr}.ag-form-section{padding:20px 16px}.ag-form-grid{grid-template-columns:1fr}.ag-form-actions{align-items:stretch;flex-direction:column-reverse}.ag-form-actions .ag-btn{width:100%}.ag-manage-item{align-items:flex-start;flex-direction:column}.ag-manage-item__actions{width:100%}.ag-manage-item__actions .ag-btn{flex:1}.ag-single-hero{min-height:230px;border-radius:16px}.ag-single-main{padding:21px 17px}.ag-info-list{grid-template-columns:1fr}.ag-single-sidebar{grid-template-columns:1fr}.ag-request{align-items:flex-start;flex-direction:column}.ag-request-actions{width:100%}.ag-request-actions form{flex:1}.ag-request-actions .ag-btn{width:100%}} /* ===== v0.10 : image, ambiance, mobilité et événements liés ===== */ .ag-image-first{order:-10}.ag-dropzone{position:relative;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed #d9dee8;border-radius:18px;background:#fafbfd;text-align:center;cursor:pointer;overflow:hidden;transition:.2s ease}.ag-dropzone:hover,.ag-dropzone.is-dragging{border-color:var(--ag-coral);background:#fff7f9}.ag-dropzone input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important}.ag-dropzone-icon{font-size:34px}.ag-dropzone strong{font-size:16px}.ag-dropzone small{color:var(--ag-muted);font-size:11px}.ag-dropzone-preview{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ag-dropzone.has-image:after{content:'Changer l’image';position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(31,36,48,.78);color:#fff;font-size:11px;font-weight:800}.ag-linked-event{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border:1px solid #d6e4fb;border-radius:14px;background:#f4f8ff;color:#3f6595}.ag-linked-event span{font-size:11px}.ag-linked-event a{color:#1976f3}.ag-linked-event-card{margin:0 0 22px;padding:15px 17px;border:1px solid #bceae4;border-radius:14px;background:#edfafa}.ag-linked-event-card span{display:block;margin-bottom:4px;color:#6680a3;font-size:10px;text-transform:uppercase;font-weight:800}.ag-linked-event-card a{color:#1976f3;text-decoration:none}.ag-eco-note{margin:4px 0 0;padding:12px 14px;border-radius:12px;background:#edf9f1;color:#287143;font-size:11px;line-height:1.5}.ag-event-sorties{max-width:1120px;margin:28px auto;padding:24px;border:1px solid var(--ag-border);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(31,36,48,.045)}.ag-event-sorties-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.ag-event-sorties-head h2{margin:0;font-size:22px}.ag-event-create-button{white-space:nowrap}.ag-info-list{grid-template-columns:repeat(3,minmax(0,1fr))} .ag-agenda-inspiration{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:17px 19px;border:1px solid #d6e4fb;border-radius:16px;background:#f4f8ff}.ag-agenda-inspiration div{display:grid;gap:4px}.ag-agenda-inspiration strong{font-size:14px}.ag-agenda-inspiration span{color:var(--ag-muted);font-size:11px;line-height:1.5}.ag-agenda-inspiration .ag-btn{flex:0 0 auto;background:#eef4ff;color:#1976f3!important;border-color:#d6e4fb}.ag-field label small{color:var(--ag-muted);font-size:10px;font-weight:500}.ag-transport-inline{margin-top:20px;padding-top:19px;border-top:1px solid var(--ag-border)}.ag-transport-inline h3{margin:0 0 13px;font-size:15px}.ag-external-event-link{display:inline-flex;align-items:center;gap:6px;margin:0 0 22px;padding:10px 14px;border:1px solid #d6e4fb;border-radius:999px;background:#eef4ff;color:#1976f3!important;font-size:11px;font-weight:800;text-decoration:none!important}.ag-external-event-link:hover{background:#e5efff;border-color:#bfd5fb} .ag-draft-status{margin:-5px 2px 0;color:var(--ag-muted);font-size:10px;text-align:right}.ag-created-success{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;padding:20px 22px;border:1px solid #bce8d9;border-radius:18px;background:#effbf6}.ag-created-success>div:first-child{display:flex;align-items:center;gap:13px}.ag-created-success>div:first-child>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#1b9b70;color:#fff;font-size:18px;font-weight:900}.ag-created-success strong{display:block;color:#126d50;font-size:17px}.ag-created-success p{margin:4px 0 0;color:#4d7567;font-size:11px}.ag-created-actions{display:flex;gap:8px;flex:0 0 auto}.ag-join-form{display:grid;gap:10px}.ag-join-form>label,.ag-join-seats label{display:block;color:var(--ag-muted);font-size:10px;font-weight:750}.ag-join-form select,.ag-join-form input{width:100%;height:40px;padding:0 10px;border:1px solid var(--ag-border);border-radius:10px;background:#fff;color:var(--ag-ink);font-size:11px}.ag-join-seats{display:grid;gap:6px}.ag-participant span{display:grid;gap:2px}.ag-participant small{color:var(--ag-muted);font-size:9px;font-weight:650} @media(max-width:640px){.ag-dropzone{min-height:170px}.ag-linked-event,.ag-event-sorties-head,.ag-agenda-inspiration,.ag-created-success{align-items:flex-start;flex-direction:column}.ag-agenda-inspiration .ag-btn,.ag-created-actions,.ag-created-actions .ag-btn{width:100%}.ag-created-actions{display:grid}.ag-event-create-button{width:100%}.ag-event-sorties{padding:18px 14px}.ag-info-list{grid-template-columns:1fr}} /* v0.10.3 — espace entre le CTA et l'état vide de la section événement */ .ag-event-sorties-head .ag-event-create-button{margin-bottom:14px} .ag-event-sorties-head{align-items:flex-end} @media(max-width:640px){.ag-event-sorties-head .ag-event-create-button{margin-bottom:8px}} /* v0.10.6 — masquer entièrement le bloc MyListing lorsqu'il n'y a aucune sortie */ .ag-sorties-listing-block:has(.ag-event-sorties-empty-marker){display:none!important} .ag-event-sorties-empty-marker{display:none!important} /* v0.10.7 — cartes des sorties liées plus lisibles */ .ag-event-sorties .ag-sorties-grid{ grid-template-columns:repeat(auto-fit,minmax(280px,340px)); justify-content:start; gap:22px; } .ag-event-sorties-head{margin-bottom:22px} @media(max-width:640px){ .ag-event-sorties .ag-sorties-grid{grid-template-columns:1fr} } .ag-share-card{margin-top:18px;padding:18px;border-radius:18px;background:#fff}.ag-share-buttons{display:flex;gap:8px;flex-wrap:wrap} /* ========================================================== v0.11.3 — Invitation, partage natif et QR code ========================================================== */ .ag-share-card { margin-top: 18px; padding: 22px; border: 1px solid #ebe6e4; border-radius: 20px; background: #fff; box-shadow: 0 12px 30px rgba(31, 36, 48, .045); } .ag-share-kicker { display: block; margin-bottom: 7px; color: #ff4365; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; } .ag-share-card h3 { margin: 0 0 8px; } .ag-share-intro { margin: 0 0 16px; color: #6f7280; font-size: 12px; line-height: 1.5; } .ag-share-buttons { display: flex; flex-wrap: wrap; gap: 9px; } .ag-share-buttons .ag-btn { min-height: 40px; margin: 0; } .ag-share-feedback { min-height: 18px; margin: 11px 0 0; color: #087f69; font-size: 11px; font-weight: 750; } body.ag-qr-open { overflow: hidden; } .ag-qr-modal[hidden] { display: none !important; } .ag-qr-modal { position: fixed; z-index: 100000; inset: 0; display: grid; place-items: center; padding: 20px; } .ag-qr-backdrop { position: absolute; inset: 0; background: rgba(31, 36, 48, .68); backdrop-filter: blur(5px); } .ag-qr-dialog { position: relative; z-index: 1; width: min(100%, 410px); padding: 27px; border-radius: 24px; background: #fff; box-shadow: 0 24px 70px rgba(20, 25, 38, .28); text-align: center; } .ag-qr-dialog h3 { margin: 0 35px 7px; color: #1f2430; } .ag-qr-subtitle { min-height: 18px; margin: 0 0 18px; color: #6f7280; font-size: 12px; } .ag-qr-image-wrap { width: min(100%, 286px); margin: 0 auto 17px; padding: 13px; border: 1px solid #eee7e5; border-radius: 20px; background: #fff; } .ag-qr-image { display: block; width: 100%; height: auto; aspect-ratio: 1; } .ag-qr-dialog > p:last-child { margin: 0; color: #6f7280; font-size: 12px; line-height: 1.5; } .ag-qr-close { position: absolute; top: 13px; right: 13px; display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid #eee7e5; border-radius: 50%; background: #fff; color: #1f2430; font-size: 22px; line-height: 1; cursor: pointer; } @media (max-width: 600px) { .ag-share-card { padding: 18px; } .ag-share-buttons { display: grid; grid-template-columns: 1fr 1fr; } .ag-share-buttons .ag-btn { width: 100%; justify-content: center; } .ag-native-share { grid-column: 1 / -1; } .ag-qr-dialog { padding: 24px 18px 20px; } } /* ========================================================== v0.12.0 — Sorties publiques et privées par lien ========================================================== */ .ag-visibility-options { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .ag-visibility-option { position: relative; display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 12px; align-items: flex-start; min-height: 120px; padding: 18px; border: 1px solid #e9e3e1; border-radius: 17px; background: #fff; cursor: pointer; transition: .18s ease; } .ag-visibility-option:hover { border-color: rgba(255, 67, 101, .38); background: #fffafb; } .ag-visibility-option:has(input:checked) { border-color: #ff4365; background: #fff7f9; box-shadow: 0 8px 22px rgba(255, 67, 101, .09); } .ag-visibility-option input { margin-top: 6px; accent-color: #ff4365; } .ag-visibility-icon { font-size: 25px; line-height: 1; } .ag-visibility-option strong, .ag-visibility-option small { display: block; } .ag-visibility-option strong { margin-bottom: 6px; color: #1f2430; font-size: 14px; } .ag-visibility-option small { color: #777b87; font-size: 11px; line-height: 1.5; } .ag-private-banner { margin: 0 0 17px; padding: 14px 16px; border: 1px solid #eadfdc; border-radius: 15px; background: #fff8f3; } .ag-private-badge, .ag-manage-visibility { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; background: #1f2430; color: #fff; font-size: 9px; font-weight: 850; letter-spacing: .035em; } .ag-private-badge { padding: 7px 10px; } .ag-private-banner p { margin: 9px 0 0; color: #6f6764; font-size: 11px; line-height: 1.5; } .ag-manage-visibility { margin-left: 7px; padding: 5px 8px; vertical-align: middle; } @media (max-width: 700px) { .ag-visibility-options { grid-template-columns: 1fr; } .ag-visibility-option { min-height: 0; } } /* ========================================================== v0.13.0 — Profil organisateur et discussion du groupe ========================================================== */ .ag-host-card { position: relative; color: inherit; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .ag-host-card:hover { transform: translateY(-2px); border-color: rgba(255, 67, 101, .25); box-shadow: 0 13px 30px rgba(31, 36, 48, .075); } .ag-host-card img { flex: 0 0 auto; } .ag-host-card > div { min-width: 0; flex: 1; } .ag-host-card small { display: block; margin-top: 5px; color: #ff4365; font-size: 10px; font-weight: 800; } .ag-host-arrow { flex: 0 0 auto; color: #ff4365; font-size: 19px; transition: transform .18s ease; } .ag-host-card:hover .ag-host-arrow { transform: translateX(3px); } .ag-discussion-card { max-width: 100%; margin-top: 22px; padding: 27px; border: 1px solid var(--ag-border); border-radius: 20px; background: #fff; box-shadow: 0 11px 31px rgba(31, 36, 48, .05); } .ag-discussion-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid #eee9e7; } .ag-discussion-head h2 { margin: 0 0 7px; color: var(--ag-ink); font-size: 23px; } .ag-discussion-head p { margin: 0; color: var(--ag-muted); font-size: 12px; line-height: 1.5; } .ag-discussion-count { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: var(--ag-soft); color: var(--ag-muted); font-size: 10px; font-weight: 800; } .ag-discussion-locked, .ag-discussion-empty { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 145px; padding: 25px; text-align: left; } .ag-discussion-locked > span, .ag-discussion-empty > span { display: grid; place-items: center; width: 54px; height: 54px; flex: 0 0 54px; border-radius: 18px; background: #fff4f6; font-size: 25px; } .ag-discussion-locked strong, .ag-discussion-empty strong { display: block; margin-bottom: 5px; color: var(--ag-ink); font-size: 15px; } .ag-discussion-locked p, .ag-discussion-empty p { margin: 0; color: var(--ag-muted); font-size: 11px; line-height: 1.5; } .ag-message-list { display: grid; gap: 3px; margin: 20px 0; } .ag-message { position: relative; display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 12px; padding: 13px 42px 13px 10px; border-radius: 15px; } .ag-message:hover { background: #faf9f8; } .ag-message-avatar { display: block; width: 46px; height: 46px; } .ag-message-avatar img { display: block; width: 46px; height: 46px; border-radius: 50%; object-fit: cover; } .ag-message-content { min-width: 0; } .ag-message-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 7px; margin-bottom: 4px; } .ag-message-meta a { color: var(--ag-ink); text-decoration: none; } .ag-message-meta a:hover { color: #ff4365; } .ag-message-meta time { color: var(--ag-muted); font-size: 9px; } .ag-message-text { color: #3f4350; font-size: 12px; line-height: 1.55; overflow-wrap: anywhere; } .ag-message-text p { margin: 0 0 7px; } .ag-message-text p:last-child { margin-bottom: 0; } .ag-message-delete { position: absolute; top: 13px; right: 9px; margin: 0; } .ag-message-delete button { display: grid; place-items: center; width: 27px; height: 27px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #a3a4ab; font-size: 18px; cursor: pointer; } .ag-message-delete button:hover { background: #fff0f2; color: #ff4365; } .ag-message-form { padding-top: 20px; border-top: 1px solid #eee9e7; } .ag-message-form label { display: block; margin-bottom: 8px; color: var(--ag-ink); font-size: 11px; font-weight: 800; } .ag-message-form textarea { display: block; width: 100%; min-height: 95px; resize: vertical; padding: 13px 14px; border: 1px solid #ddd7d4; border-radius: 14px; background: #fff; color: var(--ag-ink); font: inherit; font-size: 13px; line-height: 1.5; box-sizing: border-box; } .ag-message-form textarea:focus { outline: 0; border-color: #ff4365; box-shadow: 0 0 0 3px rgba(255, 67, 101, .09); } .ag-message-form-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 10px; } .ag-message-form-actions small { color: var(--ag-muted); font-size: 9px; } @media (max-width: 640px) { .ag-discussion-card { padding: 20px 16px; } .ag-discussion-head { display: block; } .ag-discussion-count { display: inline-flex; margin-top: 11px; } .ag-discussion-locked, .ag-discussion-empty { align-items: flex-start; justify-content: flex-start; min-height: 0; padding: 22px 5px; } .ag-message { grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding-left: 0; padding-right: 33px; } .ag-message-avatar, .ag-message-avatar img { width: 38px; height: 38px; } .ag-message-form-actions { align-items: stretch; flex-direction: column; } .ag-message-form-actions .ag-btn { width: 100%; } } .ag-album-card{margin-top:22px;padding:24px;border:1px solid #eee;border-radius:20px;background:#fff} .ag-album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px} .ag-album-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px} .ag-album-limit{color:#777;font-size:12px} .ag-state--cancelled,.ag-cancelled-banner{background:#d92c2c!important;color:#fff!important} /* ========================================================== v0.14.1 — Upload réel de l’album et annulation renforcée ========================================================== */ .ag-single-hero:has(.ag-cancelled-overlay) > img { filter: grayscale(.72) brightness(.72); } .ag-cancelled-overlay { position: absolute; z-index: 3; top: 0; right: 0; left: 0; display: flex; align-items: center; gap: 13px; min-height: 62px; padding: 11px 22px; background: rgba(188, 24, 50, .94); color: #fff; box-shadow: 0 7px 22px rgba(80, 8, 22, .2); } .ag-cancelled-overlay strong { flex: 0 0 auto; font-size: 14px; font-weight: 950; letter-spacing: .055em; text-transform: uppercase; } .ag-cancelled-overlay span { padding-left: 13px; border-left: 1px solid rgba(255,255,255,.45); font-size: 11px; font-weight: 650; } .ag-album-card { margin-top: 22px; padding: 27px; border: 1px solid var(--ag-border); border-radius: 20px; background: #fff; box-shadow: 0 11px 31px rgba(31,36,48,.05); } .ag-album-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; margin-bottom: 20px; } .ag-album-head h2 { margin: 0 0 7px; color: var(--ag-ink); font-size: 23px; } .ag-album-head p { margin: 0; color: var(--ag-muted); font-size: 12px; line-height: 1.5; } .ag-album-counter { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: var(--ag-soft); color: var(--ag-muted); font-size: 10px; font-weight: 800; } .ag-album-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; } .ag-album-photo { position: relative; overflow: hidden; margin: 0; border-radius: 15px; background: #f3f4f6; } .ag-album-photo > a { display: block; aspect-ratio: 1; } .ag-album-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .22s ease; } .ag-album-photo:hover img { transform: scale(1.025); } .ag-album-delete { position: absolute; z-index: 2; top: 9px; right: 9px; margin: 0; } .ag-album-delete button { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: rgba(31,36,48,.82); color: #fff; font-size: 20px; line-height: 1; cursor: pointer; } .ag-album-delete button:hover { background: #ff4365; } .ag-album-empty { display: flex; align-items: center; gap: 14px; min-height: 100px; margin-bottom: 18px; padding: 20px; border: 1px dashed #ddd5d2; border-radius: 15px; background: #fcfbfa; } .ag-album-empty > span { display: grid; place-items: center; width: 50px; height: 50px; flex: 0 0 50px; border-radius: 16px; background: #fff1f4; font-size: 24px; } .ag-album-empty strong { display: block; margin-bottom: 5px; color: var(--ag-ink); font-size: 14px; } .ag-album-empty p { margin: 0; color: var(--ag-muted); font-size: 11px; line-height: 1.5; } .ag-album-upload { padding-top: 18px; border-top: 1px solid #eee9e7; } .ag-album-dropzone { position: relative; display: flex; align-items: center; gap: 13px; min-height: 78px; padding: 14px 16px; border: 1.5px dashed #ddd4d1; border-radius: 15px; background: #fffafa; cursor: pointer; transition: .18s ease; } .ag-album-dropzone:hover { border-color: #ff4365; background: #fff5f7; } .ag-album-dropzone input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .ag-album-upload-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 15px; background: #ff4365; color: #fff; font-size: 26px; } .ag-album-dropzone strong, .ag-album-dropzone small { display: block; } .ag-album-dropzone strong { margin-bottom: 4px; color: var(--ag-ink); font-size: 13px; } .ag-album-dropzone small { color: var(--ag-muted); font-size: 10px; } .ag-album-upload-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 11px; } .ag-album-upload-actions > span, .ag-album-full { color: var(--ag-muted); font-size: 10px; } .ag-album-full { margin: 16px 0 0; padding: 11px 13px; border-radius: 11px; background: #f4f5f7; text-align: center; font-weight: 750; } @media (max-width: 700px) { .ag-cancelled-overlay { display: block; min-height: 0; padding: 11px 14px; } .ag-cancelled-overlay strong, .ag-cancelled-overlay span { display: block; } .ag-cancelled-overlay span { margin-top: 4px; padding: 0; border: 0; } .ag-album-card { padding: 20px 16px; } .ag-album-head { display: block; } .ag-album-counter { display: inline-flex; margin-top: 11px; } .ag-album-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; } .ag-album-upload-actions { align-items: stretch; flex-direction: column; } .ag-album-upload-actions .ag-btn { width: 100%; } } /* ========================================================== v0.14.2 — Retour visuel de sélection et import ========================================================== */ .ag-discussion-locked, .ag-discussion-empty { min-height: 92px; } .ag-album-empty { min-height: 82px; } .ag-album-selection { margin-top: 12px; padding: 13px; border: 1px solid #eee5e2; border-radius: 14px; background: #fff; } .ag-album-selection[hidden] { display: none !important; } .ag-album-selection-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; } .ag-album-selection-head strong { color: var(--ag-ink); font-size: 11px; } .ag-album-selection-head button { padding: 0; border: 0; background: transparent; color: #ff4365; font-size: 10px; font-weight: 800; cursor: pointer; } .ag-album-preview-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .ag-album-preview-item { min-width: 0; overflow: hidden; border: 1px solid #eee8e5; border-radius: 11px; background: #faf9f8; } .ag-album-preview-item img { display: block; width: 100%; height: 86px; object-fit: cover; } .ag-album-preview-item > div { min-width: 0; padding: 7px 8px; } .ag-album-preview-item strong, .ag-album-preview-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-album-preview-item strong { color: var(--ag-ink); font-size: 9px; } .ag-album-preview-item small { margin-top: 3px; color: var(--ag-muted); font-size: 8px; } .ag-album-upload-actions button:disabled { opacity: .48; cursor: not-allowed; box-shadow: none; } .ag-album-upload-actions button.is-loading { position: relative; pointer-events: none; } .ag-album-upload-actions button.is-loading::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 8px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; vertical-align: -2px; animation: agAlbumSpin .75s linear infinite; } @keyframes agAlbumSpin { to { transform: rotate(360deg); } } @media (max-width: 700px) { .ag-album-preview-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ag-album-preview-item img { height: 94px; } } /* === Communauté / Café AllezGo v0.15 === */ .ag-community-feed{display:grid;gap:10px}.ag-community-feed.is-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-community-activity{display:flex;gap:11px;padding:13px 14px;border:1px solid #eee8e5;border-radius:14px;background:#fff}.ag-community-avatar{flex:0 0 auto}.ag-community-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover}.ag-community-activity-body{min-width:0;flex:1}.ag-community-line{font-size:12px;line-height:1.4;color:#3d4450}.ag-community-line strong{color:#1f2430}.ag-community-target{display:inline-block;margin-top:4px;color:#ff4365!important;font-size:12px;font-weight:800}.ag-community-bio{margin:7px 0 0;color:#606773;font-size:11px;line-height:1.45;font-style:italic}.ag-community-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px;color:#8a909a;font-size:9.5px}.ag-community-empty{margin:0;padding:14px;border:1px dashed #ddd5cf;border-radius:12px;color:#777f8a} .ag-cafe-wrap{max-width:900px;margin:28px auto;padding:0 18px;color:#1f2430}.ag-cafe-hero{margin-bottom:18px;padding:24px;border:1px solid #eadfd8;border-radius:20px;background:linear-gradient(135deg,#fff7e9,#fff0f4)}.ag-cafe-hero>span{display:block;margin-bottom:5px;color:#ff4365;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ag-cafe-hero h1{margin:0 0 7px;font-size:32px}.ag-cafe-hero p{margin:0;color:#666d78;line-height:1.5}.ag-cafe-stream{display:flex;flex-direction:column;gap:10px;min-height:120px}.ag-cafe-message{display:flex;gap:10px;padding:12px 14px;border:1px solid #eee8e5;border-radius:14px;background:#fff}.ag-cafe-avatar img{width:38px;height:38px;border-radius:50%;object-fit:cover}.ag-cafe-message-body{min-width:0;flex:1}.ag-cafe-message-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.ag-cafe-message-head strong{font-size:12px}.ag-cafe-message-head time{color:#989ea8;font-size:9.5px}.ag-cafe-message p{margin:4px 0 0;color:#424957;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.ag-cafe-delete{margin-top:4px}.ag-cafe-delete button{padding:0;border:0;background:transparent;color:#b2b6bd;font-size:9px;cursor:pointer}.ag-cafe-form{margin-top:14px;padding:14px;border:1px solid #eadfd8;border-radius:15px;background:#fff}.ag-cafe-form textarea{width:100%;min-height:92px;padding:12px;border:1px solid #e7e2dd;border-radius:12px;resize:vertical;font:inherit}.ag-cafe-form>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.ag-cafe-form small{color:#8a909a}.ag-cafe-login,.ag-cafe-empty{padding:18px;border:1px dashed #ddd5cf;border-radius:14px;background:#fff;color:#676e79}.ag-cafe-login a,.ag-cafe-open{color:#ff4365!important;font-weight:800}.ag-cafe-preview{display:flex;flex-direction:column;gap:10px}.ag-cafe-preview .ag-cafe-message{padding:9px 10px}.ag-cafe-preview .ag-cafe-avatar img{width:30px;height:30px}.ag-cafe-preview .ag-cafe-message p{font-size:10.5px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ag-cafe-preview .ag-cafe-message-head strong{font-size:10.5px}.ag-cafe-preview .ag-cafe-message-head time{font-size:8px}.ag-cafe-open{align-self:flex-start;font-size:10.5px} @media(max-width:760px){.ag-community-feed.is-compact{grid-template-columns:1fr}.ag-cafe-hero h1{font-size:26px}.ag-cafe-form>div{align-items:stretch;flex-direction:column}.ag-cafe-form .ag-btn{width:100%}} /* ========================================================= Groupes AllezGo — v0.16 ========================================================= */ .ag-groups-page{max-width:1180px;margin:0 auto;padding:34px 22px} .ag-groups-page>header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px} .ag-groups-page>header span{color:#ff4365;font-size:10px;font-weight:800;letter-spacing:.08em} .ag-groups-page>header h1{margin:4px 0 5px;font-size:34px;color:#1f2430} .ag-groups-page>header p{margin:0;color:#747a85} .ag-groups-page>header>a,.ag-group-create-form button,.ag-group-single-actions button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:999px;background:#ff4365;color:#fff!important;font-weight:800;text-decoration:none;cursor:pointer} .ag-groups-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .ag-group-card{overflow:hidden;border:1px solid #ece8e3;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(31,36,48,.04)} .ag-group-card__media{display:flex;align-items:center;justify-content:center;height:150px;background:#fff7f4;font-size:40px;overflow:hidden} .ag-group-card__media img{width:100%;height:100%;object-fit:cover} .ag-group-card>div{padding:14px}.ag-group-card h3{margin:0 0 8px}.ag-group-card h3 a{color:#1f2430;text-decoration:none}.ag-group-card p{margin:5px 0;color:#747a85;font-size:12px} .ag-group-create-wrap{max-width:720px;margin:30px auto;padding:24px;border:1px solid #ece8e3;border-radius:18px;background:#fff} .ag-group-create-form{display:grid;gap:16px}.ag-group-create-form label{display:grid;gap:7px;font-weight:700;color:#1f2430}.ag-group-create-form input,.ag-group-create-form textarea{width:100%;padding:12px 14px;border:1px solid #ddd7d2;border-radius:12px;background:#fff;font:inherit} .ag-group-empty{padding:18px;border:1px dashed #ddd6d0;border-radius:13px;color:#747a85} .ag-group-single-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0;padding:16px;border:1px solid #ece8e3;border-radius:14px;background:#fff} @media(max-width:760px){.ag-groups-page{padding:22px 14px}.ag-groups-page>header{align-items:flex-start;flex-direction:column}.ag-groups-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.ag-groups-grid{grid-template-columns:1fr}} /* ============================================================ v0.16.1 — fond AllezGo harmonisé ============================================================ */ /* Canvas des pages Sorties / Communauté en blanc cassé. Les cartes, formulaires et panneaux restent blancs. */ body.ag-sorties-page, body.ag-sorties-page #c27-site-wrapper, body.ag-sorties-page #c27-site-wrapper > main, body.ag-sorties-page .site-content, body.ag-sorties-page .main-content, body.ag-sorties-page .page-content, body.ag-sorties-page .c27-content-wrapper, body.ag-sorties-page .ag-sortie-template-shell { background-color:#fffdfc!important; } /* ========================================================= Groupes AllezGo — v0.16.2 ========================================================= */ body:has(.ag-group-create-page), body:has(.ag-groups-page), body.single-ag_group, body:has(.ag-group-single) { background:#fffdfc!important; } body:has(.ag-group-create-page) #c27-site-wrapper, body:has(.ag-groups-page) #c27-site-wrapper, body.single-ag_group #c27-site-wrapper { background:#fffdfc!important; } .ag-group-create-page{max-width:920px;margin:0 auto;padding:34px 22px 70px} .ag-group-create-intro{max-width:720px;margin:0 auto 18px} .ag-group-create-intro>span{color:#ff4365;font-size:10px;font-weight:900;letter-spacing:.08em} .ag-group-create-intro h1{margin:5px 0 5px;color:#1f2430;font-size:30px} .ag-group-create-intro p{margin:0;color:#747a85} .ag-group-create-page .ag-group-create-wrap{margin:0 auto} .ag-group-cover-field{display:grid;gap:12px} .ag-group-cover-head strong,.ag-group-cover-head small{display:block} .ag-group-cover-head strong{color:#1f2430} .ag-group-cover-head small{margin-top:3px;color:#8a909a;font-size:11px;font-weight:500} .ag-group-cover-tabs{display:flex;gap:8px} .ag-group-cover-tabs button{padding:8px 13px;border:1px solid #e4ddd8;border-radius:999px;background:#fff;color:#6d727c;font-size:11px;font-weight:800;cursor:pointer} .ag-group-cover-tabs button.is-active{border-color:#ff4365;background:#fff3f6;color:#ff4365} .ag-group-cover-tabs button:disabled{opacity:.45;cursor:not-allowed} .ag-group-cover-panel{display:none}.ag-group-cover-panel.is-active{display:block} .ag-group-cover-upload{position:relative;min-height:170px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:6px;overflow:hidden;border:2px dashed #e2dad5;border-radius:15px;background:#fffaf8!important;text-align:center;cursor:pointer} .ag-group-cover-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:3} .ag-group-cover-upload>span{font-size:28px}.ag-group-cover-upload>strong{font-size:12px}.ag-group-cover-upload>small{color:#8a909a;font-size:10px;font-weight:500} #ag-group-cover-preview{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2} .ag-pexels-search{display:flex;gap:8px}.ag-pexels-search input{flex:1} .ag-pexels-search button{padding:10px 16px!important;white-space:nowrap} .ag-pexels-status{margin:8px 0;color:#8a909a;font-size:10px} .ag-pexels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .ag-pexels-photo{position:relative;overflow:hidden;padding:0!important;border:2px solid transparent!important;border-radius:11px!important;background:#f5f2ef!important;cursor:pointer;box-shadow:none!important} .ag-pexels-photo img{display:block;width:100%;height:95px;object-fit:cover} .ag-pexels-photo span{display:block;overflow:hidden;padding:5px 7px;color:#606773;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap} .ag-pexels-photo.is-selected{border-color:#ff4365!important;box-shadow:0 0 0 2px rgba(255,67,101,.12)!important} .ag-pexels-photo.is-selected:after{content:"✓";position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#ff4365;color:#fff;font-weight:900} .ag-pexels-credit,.ag-pexels-unavailable{display:block;margin-top:9px;color:#9a9fa7;font-size:9px} .ag-pexels-credit a{color:#747a85!important;text-decoration:underline} @media(max-width:700px){.ag-group-create-page{padding:22px 14px 50px}.ag-pexels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-pexels-search{flex-direction:column}} /* ========================================================= Groupes AllezGo — v0.16.3 : lisibilité formulaire ========================================================= */ /* Placeholders : visuellement distincts d'une vraie valeur saisie */ .ag-group-create-page input::placeholder, .ag-group-create-page textarea::placeholder { color:#9aa0a8!important; opacity:1!important; font-weight:500!important; } .ag-group-create-page input::-webkit-input-placeholder, .ag-group-create-page textarea::-webkit-input-placeholder { color:#9aa0a8!important; opacity:1!important; } .ag-group-create-page input::-moz-placeholder, .ag-group-create-page textarea::-moz-placeholder { color:#9aa0a8!important; opacity:1!important; } /* Les valeurs réellement saisies restent foncées */ .ag-group-create-page input:not([type="file"]), .ag-group-create-page textarea { color:#1f2430!important; } /* Onglets couverture : lisibles même sur fond clair */ .ag-group-cover-tabs button { background:#fff!important; color:#505761!important; border-color:#ded8d3!important; } .ag-group-cover-tabs button:hover:not(:disabled) { border-color:#ff9aab!important; color:#ff4365!important; background:#fff8fa!important; } .ag-group-cover-tabs button.is-active { background:#fff1f4!important; color:#ff4365!important; border-color:#ff8da1!important; box-shadow:0 0 0 1px rgba(255,67,101,.04)!important; } .ag-group-cover-tabs button:disabled { color:#a9adb4!important; background:#f7f7f7!important; border-color:#e8e8e8!important; } /* Bouton de recherche de la galerie */ .ag-pexels-search button { color:#fff!important; background:#ff4365!important; border-color:#ff4365!important; } .ag-pexels-search button:hover { color:#fff!important; background:#f23559!important; border-color:#f23559!important; } /* ========================================================= AllezGo Sorties — v0.16.4 Création sortie : placeholders, galerie et footer allégé ========================================================= */ /* Placeholders de la page Créer une sortie */ body.page-creer-une-sortie input::placeholder, body.page-creer-une-sortie textarea::placeholder, .ag-sortie-create-page input::placeholder, .ag-sortie-create-page textarea::placeholder { color:#9aa0a8!important; opacity:1!important; font-weight:500!important; } body.page-creer-une-sortie input::-webkit-input-placeholder, body.page-creer-une-sortie textarea::-webkit-input-placeholder, .ag-sortie-create-page input::-webkit-input-placeholder, .ag-sortie-create-page textarea::-webkit-input-placeholder { color:#9aa0a8!important; opacity:1!important; } /* Sélecteur Téléverser / Galerie */ .ag-sortie-cover-choice { margin-top:14px; } .ag-sortie-cover-tabs { display:flex; gap:8px; margin:0 0 14px; } .ag-sortie-cover-tabs button { appearance:none; border:1px solid #ded8d3; background:#fff; color:#505761; border-radius:999px; padding:9px 16px; font-weight:700; cursor:pointer; } .ag-sortie-cover-tabs button:hover, .ag-sortie-cover-tabs button.is-active { border-color:#ff8da1; background:#fff1f4; color:#ff4365; } .ag-sortie-gallery-panel { margin-top:8px; } .ag-sortie-gallery-panel[hidden] { display:none!important; } .ag-sortie-pexels-search { display:flex; gap:8px; margin:10px 0 12px; } .ag-sortie-pexels-search input { flex:1; min-width:0; } .ag-sortie-pexels-search button { border:0; border-radius:12px; padding:0 18px; background:#ff4365!important; color:#fff!important; font-weight:800; } .ag-sortie-gallery-panel .ag-pexels-results { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .ag-sortie-gallery-panel .ag-pexels-photo { padding:3px; border:2px solid transparent; background:#fff; border-radius:10px; cursor:pointer; overflow:hidden; } .ag-sortie-gallery-panel .ag-pexels-photo img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:7px; } .ag-sortie-gallery-panel .ag-pexels-photo.is-selected { border-color:#ff4365; } .ag-sortie-gallery-panel .ag-pexels-credit { margin:9px 0 0; color:#9aa0a8; font-size:11px; } /* Retire le mini-footer MyListing uniquement des écrans fonctionnels gérés ici, sans toucher au footer global du site. */ body.page-creer-une-sortie footer, body.page-creer-un-groupe footer, body.page-creer-une-sortie .c27-site-footer, body.page-creer-un-groupe .c27-site-footer, body.page-creer-une-sortie #c27-site-footer, body.page-creer-un-groupe #c27-site-footer { display:none!important; } @media (max-width:700px) { .ag-sortie-gallery-panel .ag-pexels-results { grid-template-columns:repeat(2,minmax(0,1fr)); } .ag-sortie-pexels-search { flex-direction:column; } .ag-sortie-pexels-search button { min-height:44px; } } /* ========================================================= AllezGo Sorties — v0.16.5 Correctifs ciblés sur les vrais sélecteurs du formulaire ========================================================= */ /* Les exemples sont de vrais placeholders HTML. On cible directement le formulaire, sans dépendre du slug/body WordPress. */ .ag-sortie-form input::placeholder, .ag-sortie-form textarea::placeholder, .ag-group-create-form input::placeholder, .ag-group-create-form textarea::placeholder { color:#9aa0a8!important; -webkit-text-fill-color:#9aa0a8!important; opacity:1!important; font-weight:500!important; } .ag-sortie-form input::-webkit-input-placeholder, .ag-sortie-form textarea::-webkit-input-placeholder, .ag-group-create-form input::-webkit-input-placeholder, .ag-group-create-form textarea::-webkit-input-placeholder { color:#9aa0a8!important; -webkit-text-fill-color:#9aa0a8!important; opacity:1!important; } .ag-sortie-form input::-moz-placeholder, .ag-sortie-form textarea::-moz-placeholder, .ag-group-create-form input::-moz-placeholder, .ag-group-create-form textarea::-moz-placeholder { color:#9aa0a8!important; opacity:1!important; } /* Une valeur réellement saisie reste foncée. */ .ag-sortie-form input:not([type="file"]), .ag-sortie-form textarea, .ag-group-create-form input:not([type="file"]), .ag-group-create-form textarea { color:#1f2430!important; -webkit-text-fill-color:#1f2430!important; } /* Mini-footer MyListing : le HTML réel est