/* ============================================================
   PALMSQUARE - FAQ GLOBALES
   Reprend a l'identique le style de la FAQ de la page LinkedIn
   (.ps-faq dans ps-offres-linkedin) : cartes translucides,
   rond rose + qui pivote en x, reponses grises en Satoshi.
   Cibles :
   - accordeon Elementor : .ps-faqg (classe posee par le JS sur
     .elementor-widget-n-accordion, hors popups et .ps-faq-off)
   - toggle Elementor    : .elementor-widget-toggle
   - FAQ Rank Math       : #rank-math-faq (articles)
   ============================================================ */

/* ---------- espacement entre les cartes ---------- */
.ps-faqg{--n-accordion-item-title-space-between:14px;--n-accordion-item-title-distance-from-content:0px}
.ps-faqg > .e-n-accordion{display:flex;flex-direction:column;gap:14px!important}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item{margin:0 0 14px!important}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item:last-child{margin-bottom:0!important}
#rank-math-faq .rank-math-list-item{margin:0 0 14px!important}
#rank-math-faq .rank-math-list-item:last-child{margin-bottom:0!important}

/* ---------- carte ---------- */
.ps-faqg > .e-n-accordion > .e-n-accordion-item,
.elementor-widget-toggle .elementor-toggle-item,
#rank-math-faq .rank-math-list-item{background:rgba(255,255,255,.52)!important;border:2px solid rgba(255,255,255,.92)!important;border-radius:12px!important;padding:0!important;margin-top:0;overflow:hidden;transition:border-color .18s,background .18s}
.ps-faqg > .e-n-accordion > .e-n-accordion-item:hover,
.ps-faqg > .e-n-accordion > .e-n-accordion-item[open],
.elementor-widget-toggle .elementor-toggle-item:hover,
.elementor-widget-toggle .elementor-toggle-item:has(.elementor-active),
#rank-math-faq .rank-math-list-item:hover,
#rank-math-faq .rank-math-list-item:has(.rm-faq-question-active){background:rgba(255,255,255,.66)!important}

/* ---------- question ---------- */
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title,
.elementor-widget-toggle .elementor-toggle-item > .elementor-tab-title,
#rank-math-faq .rank-math-list-item > .rank-math-question{position:relative!important;display:flex!important;align-items:center;cursor:pointer;padding:18px 76px 18px 22px!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;list-style:none;text-align:left!important}
.ps-faqg .e-n-accordion-item-title::-webkit-details-marker{display:none}
.ps-faqg .e-n-accordion-item-title:focus-visible,
.elementor-widget-toggle .elementor-tab-title:has(:focus-visible),
#rank-math-faq .rank-math-question:has(:focus-visible){outline:2px solid #B80072;outline-offset:-3px;border-radius:12px!important}
.ps-faqg .e-n-accordion-item-title-header{flex:1 1 auto}
.ps-faqg .e-n-accordion-item-title .e-n-accordion-item-title-text,
.elementor-widget-toggle .elementor-tab-title,
.elementor-widget-toggle .elementor-tab-title .elementor-toggle-title,
#rank-math-faq .rank-math-question,
#rank-math-faq .rank-math-question .rm-faq-question-btn{font-family:"Satoshi",-apple-system,sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.01em!important;color:#0E0E0E!important;text-transform:none!important;margin:0!important;padding:0;background:none}
/* icones d'origine masquees */
.ps-faqg .e-n-accordion-item-title-icon,
.elementor-widget-toggle .elementor-toggle-icon{display:none!important}

/* rond rose + croix (meme mecanique que .ps-faq) */
.ps-faqg .e-n-accordion-item-title::before,
.elementor-widget-toggle .elementor-tab-title::before,
#rank-math-faq .rank-math-question::before{content:""!important;position:absolute;left:auto;bottom:auto;right:20px;top:50%;width:36px;height:36px;margin-top:-18px;box-sizing:border-box;border-radius:50%;background:#FA2FAB;border:2px solid #FF76D1;transform:none}
.ps-faqg .e-n-accordion-item-title::after,
.elementor-widget-toggle .elementor-tab-title::after,
#rank-math-faq .rank-math-question::after{content:""!important;position:absolute;left:auto;bottom:auto;right:20px;top:50%;margin-top:-18px;width:36px!important;height:36px;box-sizing:border-box;font-size:0!important;color:transparent!important;background:linear-gradient(#fff,#fff) center/15px 2.5px no-repeat,linear-gradient(#fff,#fff) center/2.5px 15px no-repeat;transform:none;transition:transform .25s}
.ps-faqg .e-n-accordion-item[open] > .e-n-accordion-item-title::after,
.elementor-widget-toggle .elementor-tab-title.elementor-active::after,
#rank-math-faq .rank-math-question.rm-faq-question-active::after{transform:rotate(135deg)}

/* ---------- reponse ---------- */
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con,
.elementor-widget-toggle .elementor-toggle-item > .elementor-tab-content,
#rank-math-faq .rank-math-list-item > .rank-math-answer{padding:0 76px 20px 22px!important;margin:0!important;background:transparent!important;border:0!important;--border-radius:0;--padding-top:0;--padding-right:0;--padding-bottom:0;--padding-left:0}
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con,
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con p,
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con li,
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con .elementor-widget-text-editor,
.elementor-widget-toggle .elementor-tab-content,
.elementor-widget-toggle .elementor-tab-content p,
.elementor-widget-toggle .elementor-tab-content li,
#rank-math-faq .rank-math-answer,
#rank-math-faq .rank-math-answer p,
#rank-math-faq .rank-math-answer li{font-family:"Satoshi",-apple-system,sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.55!important;color:#6B7280!important}
.ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con p:last-child,
.elementor-widget-toggle .elementor-tab-content p:last-child,
#rank-math-faq .rank-math-answer p:last-child{margin-bottom:0!important}

/* ---------- mobile ---------- */
@media (max-width:767px){
 .ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title,
 .elementor-widget-toggle .elementor-toggle-item > .elementor-tab-title,
 #rank-math-faq .rank-math-list-item > .rank-math-question{padding:15px 64px 15px 16px!important}
 .ps-faqg .e-n-accordion-item-title .e-n-accordion-item-title-text,
 .elementor-widget-toggle .elementor-tab-title,
 .elementor-widget-toggle .elementor-tab-title .elementor-toggle-title,
 #rank-math-faq .rank-math-question,
 #rank-math-faq .rank-math-question .rm-faq-question-btn{font-size:17px!important}
 .ps-faqg .e-n-accordion-item-title::before,
 .elementor-widget-toggle .elementor-tab-title::before,
 #rank-math-faq .rank-math-question::before{right:14px;width:32px;height:32px;margin-top:-16px}
 .ps-faqg .e-n-accordion-item-title::after,
 .elementor-widget-toggle .elementor-tab-title::after,
 #rank-math-faq .rank-math-question::after{right:14px;width:32px!important;height:32px;margin-top:-16px;background:linear-gradient(#fff,#fff) center/14px 2.5px no-repeat,linear-gradient(#fff,#fff) center/2.5px 14px no-repeat}
 .ps-faqg > .e-n-accordion > .e-n-accordion-item > .e-con,
 .elementor-widget-toggle .elementor-toggle-item > .elementor-tab-content,
 #rank-math-faq .rank-math-list-item > .rank-math-answer{padding:0 16px 16px 16px!important}
}
