@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* карточка объявления */

.listing-wrap{
max-width:1100px;
margin:0 auto;
padding:20px;
}

.listing-grid{
display:flex;
gap:40px;
align-items:flex-start;
}

.listing-photo{
flex:1;
max-width:520px;
}

.listing-photo img{
width:100%;
height:auto;
border-radius:10px;
display:block;
}

.listing-main{
flex:1;
max-width:420px;
}

.listing-title{
font-size:32px;
font-weight:800;
line-height:1.2;
margin-bottom:16px;
}

.listing-sub{
font-size:18px;
margin-bottom:10px;
}

.listing-tread{
color:#555;
margin-top:4px;
}

.listing-price{
font-size:28px;
font-weight:700;
margin:14px 0 30px 0;
}

.price-note{
font-size:14px;
color:#666;
margin-left:6px;
}

.listing-info{
margin-top:12px;
line-height:1.6;
}

/* блок продавца */

.seller-contact{
margin-top:40px;
padding:20px;
border:1px solid #eee;
border-radius:8px;
background:#fafafa;
}

.seller-contact h3{
margin-bottom:20px;
font-size:18px;
}

.seller-city{
margin-bottom:20px;
color:#555;
}

.phone-btn{
padding:10px 14px;
background:#1a73e8;
color:#fff;
border:none;
border-radius:6px;
cursor:pointer;
font-size:14px;
}

.phone-btn:hover{
background:#1558b0;
}

#phones-block a{
display:block;
margin-top:6px;
color:#000;
font-weight:600;
text-decoration:none;
}

/* мобильная версия */

@media (max-width:900px){

.listing-grid{
flex-direction:column;
gap:20px;
}

.listing-photo{
max-width:100%;
}

.listing-main{
max-width:100%;
padding:0 16px 20px 16px;
}

.thumb{
	width:80px;
	margin:6px;
	cursor:pointer;
	border-radius:6px;
}
.thumbs{
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
	
}
.thumb:hover{
	opacity:0.7;
}