/*

Theme Name: Lagta AI Fixed

Theme URI: https://chocolate-turtle-579458.hostingersite.com

Author: Lagta AI

Description: Custom News Theme for Lagta AI

Version: 1.1.0

Text Domain: lagta-ai

*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    direction:rtl;

    font-family:"Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

    background:#f5f5f5;

    color:#222;

    line-height:1.8;

}

h1,
h2,
h3,
h4,
h5,
h6,
.lagta-section-title,
.lagta-hero-title,
.lagta-news-title,
.lagta-tab-button,
.lagta-tab-card-title{

    font-family:"Cairo","Tajawal",sans-serif;

}

p,
.lagta-news-excerpt,
.lagta-tab-card-date,
.lagta-post-date{

    font-family:"Tajawal",sans-serif;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}

.lagta-container{

    width:95%;

    max-width:1400px;

    margin:auto;

}

section{

    margin:35px 0;

}

button{

    cursor:pointer;

    border:none;

    outline:none;

}

input,

textarea{

    font-family:inherit;

}/* ===========================

   Lagta AI Hero Layout

=========================== */

.lagta-home-hero{

    margin:35px 0;

}

.lagta-hero-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    grid-template-rows:repeat(2,260px);

    gap:20px;

}

.lagta-hero-1{

    grid-column:1;

    grid-row:1 / span 2;

    position:relative;

}

.lagta-hero-2{

    grid-column:2;

    grid-row:1;

}

.lagta-hero-3{

    grid-column:2;

    grid-row:2;

}

.lagta-hero-item{

    overflow:hidden;

    border-radius:14px;

    background:#fff;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.lagta-hero-item img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.lagta-hero-item a{

    display:block;

    position:relative;

    width:100%;

    height:100%;

}

.lagta-hero-item h2{

    position:absolute;

    right:0;

    left:0;

    bottom:0;

    margin:0;

    padding:18px;

    color:#fff;

    background:linear-gradient(transparent,rgba(0,0,0,.75));

    font-size:24px;

    line-height:1.6;

}

.lagta-hero-2 h2,

.lagta-hero-3 h2{

    font-size:18px;

}

@media (max-width:992px){

    .lagta-hero-grid{

        grid-template-columns:1fr;

        grid-template-rows:auto;

    }

    .lagta-hero-1,

    .lagta-hero-2,

    .lagta-hero-3{

        grid-column:auto;

        grid-row:auto;

    }

    .lagta-hero-item img{

        height:260px;

    }

}/* =========================================================

   LAGTA AI HERO SLIDER

========================================================= */

.lagta-hero-grid{

    display:grid;

    grid-template-columns:2fr 1fr;

    grid-template-rows:repeat(2,260px);

    gap:20px;

    margin:30px 0;

}

.lagta-main{

    grid-column:1;

    grid-row:1 / span 2;

}

.lagta-side-top{

    grid-column:2;

    grid-row:1;

}

.lagta-side-bottom{

    grid-column:2;

    grid-row:2;

}

.lagta-hero-item{

    position:relative;

    overflow:hidden;

    border-radius:14px;

    transition:.5s;

}

.lagta-hero-item img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

@media(max-width:900px){

    .lagta-hero-grid{

        grid-template-columns:1fr;

        grid-template-rows:auto;

    }

    .lagta-main,

    .lagta-side-top,

    .lagta-side-bottom{

        grid-column:auto;

        grid-row:auto;

    }

}