/**
* 2007-2026 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2026 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
/* =====================================================
   SERVICES - AU GRENIER DE JULES
   Scoped uniquement dans .agjservice
===================================================== */


.agjservice {

    --agj-primary: #2c2666;
    --agj-secondary: #ee7b6a;
    --agj-bg: #f8eee5;
    --agj-paper: #ffffff;
    --agj-soft: #f6efe5;
    --agj-text: #332f3d;
    --agj-muted: #716b78;

    padding:80px 20px;

    background:var(--agj-bg);

}



/* =====================
   HEADER
===================== */


.agjservice .section-head {

    max-width:750px;

    margin:0 auto 50px;

    text-align:center;

}


.agjservice .eyebrow {

    display:inline-flex;

    align-items:center;

    padding:6px 16px;

    margin-bottom:15px;

    border-radius:999px;

    background:rgba(238,123,106,.15);

    color:var(--agj-secondary);

    font-size:.8rem;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;

}



.agjservice h2 {

    margin:0 0 15px;

    color:var(--agj-primary);

    font-size:clamp(2rem,4vw,2.8rem);

    font-weight:800;

    line-height:1.15;

}



.agjservice .section-head p {

    margin:0;

    color:var(--agj-muted);

    font-size:1.05rem;

    line-height:1.7;

}





/* =====================
   GRID SERVICES
===================== */


.agjservice .services-grid {

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:22px;

    max-width:1400px;

    margin:auto;

}




/* =====================
   CARDS
===================== */


.agjservice .service-card {

    position:relative;

    display:flex;

    flex-direction:column;

    gap:12px;


    background:var(--agj-paper);

    border:1px solid rgba(44,38,102,.10);

    border-radius:24px;

    padding:28px 22px;


    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}



.agjservice .service-card:hover {


    transform:translateY(-10px);


    border-color:rgba(238,123,106,.6);


    box-shadow:
        0 20px 45px rgba(44,38,102,.15);

}




/* =====================
   ICONES
===================== */


.agjservice .service-card .icon {


    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;


    border-radius:16px;


    background:var(--agj-soft);


    color:var(--agj-secondary);


    transition:.3s;

}



.agjservice .service-card:hover .icon {

    background:var(--agj-secondary);

}



.agjservice .service-card:hover .icon svg {

    stroke:white;

}



.agjservice .service-card .icon svg {


    width:26px;

    height:26px;

    stroke:var(--agj-secondary);

    transition:.3s;

}





/* =====================
   TEXTE
===================== */


.agjservice .service-card h3 {


    margin:5px 0 0;


    color:var(--agj-primary);


    font-size:1.15rem;

    font-weight:750;


}



.agjservice .service-card p {


    margin:0;


    color:var(--agj-text);


    font-size:.92rem;


    line-height:1.6;


    flex-grow:1;

}




/* =====================
   LIENS
===================== */


.agjservice .service-card .go {


    display:inline-flex;


    align-items:center;


    gap:5px;


    margin-top:8px;


    color:var(--agj-secondary);


    font-size:.9rem;


    font-weight:700;


    text-decoration:none;


    transition:.25s;

}



.agjservice .service-card .go:hover {


    color:var(--agj-primary);

    transform:translateX(4px);

}



/* =====================
   RESPONSIVE
===================== */


@media(max-width:1200px){


    .agjservice .services-grid {

        grid-template-columns:repeat(3,1fr);

    }


}



@media(max-width:768px){


    .agjservice {

        padding:60px 20px;

    }


    .agjservice .services-grid {

        grid-template-columns:1fr;

    }


    .agjservice .section-head {

        margin-bottom:35px;

    }


}