/* Excel/Word'den yapıştırılan tablolar */

:root{
	--tbl-font-size:15px;
	--tbl-font-size-sm:14px;
	--tbl-pad-y:10px;
	--tbl-pad-x:12px;
	--tbl-radius:14px;
	--tbl-min:600px; /* mobilde min genişlik */
	--tbl-border:#E4E1D9;
	--tbl-bg:#FFFFFF;
	--tbl-bg-alt:#FAF8F4; /* rowspan hücreler */
	--tbl-head-bg:#F2EFE8; /* sütun başlığı */
	--tbl-head-fg:#14181F;
	--tbl-title-bg:#0E1116; /* üst başlık */
	--tbl-title-fg:#FFFFFF;
	--tbl-text:#2A2F37;
	--tbl-hover:#FFF6F1;
	--tbl-scrollbar:#CFCBC1;
}

/* tablo */
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *){
	display:block;
	width:max-content;
	max-width:100%;
	height:auto !important;
	overflow-x:auto;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
	border-collapse:collapse;
	border:1px solid var(--tbl-border);
	border-radius:var(--tbl-radius);
	margin:28px 0;
	font-size:var(--tbl-font-size);
	line-height:1.45;
	color:var(--tbl-text);
	box-shadow:0 1px 2px rgba(15,17,22,.04), 0 18px 40px -30px rgba(15,17,22,.5);
	scrollbar-width:thin;
	scrollbar-color:var(--tbl-scrollbar) transparent;

	/* kenar gölgesi */
	background-color:var(--tbl-bg);
	background-image:
		linear-gradient(to right, var(--tbl-bg) 40%, rgba(255,255,255,0)),
		linear-gradient(to left,  var(--tbl-bg) 40%, rgba(255,255,255,0)),
		radial-gradient(farthest-side at 0 50%,    rgba(15,17,22,.13), rgba(15,17,22,0)),
		radial-gradient(farthest-side at 100% 50%, rgba(15,17,22,.13), rgba(15,17,22,0));
	background-position:0 0, 100% 0, 0 0, 100% 0;
	background-size:48px 100%, 48px 100%, 16px 100%, 16px 100%;
	background-repeat:no-repeat;
	background-attachment:local, local, scroll, scroll;
}

/* js ile eklenen kap */
.tbl-scroll{
	overflow-x:auto;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
	border-radius:var(--tbl-radius);
	margin:28px 0;
	scrollbar-width:thin;
	scrollbar-color:var(--tbl-scrollbar) transparent;
	box-shadow:0 1px 2px rgba(15,17,22,.04), 0 18px 40px -30px rgba(15,17,22,.5);
	background-color:var(--tbl-bg);
	background-image:
		linear-gradient(to right, var(--tbl-bg) 40%, rgba(255,255,255,0)),
		linear-gradient(to left,  var(--tbl-bg) 40%, rgba(255,255,255,0)),
		radial-gradient(farthest-side at 0 50%,    rgba(15,17,22,.13), rgba(15,17,22,0)),
		radial-gradient(farthest-side at 100% 50%, rgba(15,17,22,.13), rgba(15,17,22,0));
	background-position:0 0, 100% 0, 0 0, 100% 0;
	background-size:48px 100%, 48px 100%, 16px 100%, 16px 100%;
	background-repeat:no-repeat;
	background-attachment:local, local, scroll, scroll;
}
.tbl-scroll > table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *){
	display:table;
	width:100%;
	max-width:none;
	overflow:visible;
	margin:0;
	border-radius:0;
	box-shadow:none;
	background:transparent;
}
.tbl-scroll > table.tbl-auto{ --tbl-min:0; }

:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *)::-webkit-scrollbar,
.tbl-scroll::-webkit-scrollbar{ height:8px; }
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *)::-webkit-scrollbar-thumb,
.tbl-scroll::-webkit-scrollbar-thumb{ background:var(--tbl-scrollbar); border-radius:8px; }

/* hücreler */
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) :is(td,th){
	border:1px solid var(--tbl-border);
	padding:var(--tbl-pad-y) var(--tbl-pad-x);
	vertical-align:middle;
	text-align:left;
	width:auto;
	height:auto !important;
	background-clip:padding-box;
}

/* rowspan hücreler */
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) td[rowspan]{
	background:var(--tbl-bg-alt);
}

/* boş sütun */
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) td:empty{
	padding-left:0;
	padding-right:0;
	background:var(--tbl-bg-alt);
}

/* başlıklar */
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) :is(th, thead td){
	background:var(--tbl-head-bg);
	color:var(--tbl-head-fg);
	font-weight:700;
}

:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:first-child > td:only-child{
	background:var(--tbl-title-bg);
	border-color:var(--tbl-title-bg);
	color:var(--tbl-title-fg);
	font-weight:700;
	font-size:17px;
	letter-spacing:.2px;
	text-align:center;
	padding:14px 16px;
}

:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:first-child:has(> td:only-child) + tr > td{
	background:var(--tbl-head-bg);
	color:var(--tbl-head-fg);
	font-weight:700;
	text-align:center;
}
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:first-child:has(> td:only-child) + tr > td:empty{
	background:var(--tbl-bg-alt);
}

:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) > caption{
	caption-side:top;
	text-align:left;
	font-weight:700;
	font-size:var(--tbl-font-size);
	color:var(--tbl-head-fg);
	padding:0 2px 10px;
}

/* hücre içi */
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) :is(p,ul,ol){ margin:0; }
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) :is(p,ul,ol) + :is(p,ul,ol){ margin-top:6px; }
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) img{
	max-width:100%;
	height:auto;
	display:block;
}
:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) strong{
	color:var(--tbl-head-fg);
}

/* hover */
@media (hover:hover){
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:hover > td:not(:empty){
		background:var(--tbl-hover);
	}

	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:first-child:hover > td:only-child{
		background:var(--tbl-title-bg);
	}
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:first-child:has(> td:only-child) + tr:hover > td{
		background:var(--tbl-head-bg);
	}
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:hover > :is(th, thead td){
		background:var(--tbl-head-bg);
	}
}

/* mobil */
@media (max-width:640px){
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *){
		--tbl-pad-y:8px;
		--tbl-pad-x:9px;
		font-size:var(--tbl-font-size-sm);
		border-radius:12px;
	}
	.tbl-scroll{ border-radius:12px; margin:20px 0; }
	.tbl-scroll > table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *){ min-width:var(--tbl-min); }
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr:first-child > td:only-child{
		font-size:15px;
		padding:12px 14px;
	}
}

/* yazdırma */
@media print{
	.tbl-scroll,
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *){
		overflow:visible !important;
		box-shadow:none !important;
		background-image:none !important;
	}
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *){
		display:table;
		width:100%;
		min-width:0;
		font-size:10pt;
	}
	:is(.tbl,.walmo-content,.entry-content,.wpb_wrapper,.post-content,.page-content,.tbl-scroll) table:not(.tbl-skip,.tbl-skip *,.shop_table,.variations,.tablepress,.wp-calendar-table,[id="wp-calendar"],.woocommerce *,form *,.dataTables_wrapper *) tr{
		break-inside:avoid;
	}
}
